[NODEBB] Help for my custom CSS

[DownPW]

@cagatay said:

how i create those folders. i added ACP/HEADERS the codes but not working.

Adapt path to your custom installation. I don’t know where is your custom FA Folder nor how you use it

[DownPW]

You need to load your Font Awesome CSS files by adjusting this code to the path where you saved them.

But honestly, I don’t know how you’ve configured your site in this regard.

[cagatay]

<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<link href=“/assets/fonts/fonts.min.css?version=1” rel=“stylesheet”>
<link href=“/assets/customfonts/FontAwesome.Pro.6.x.x/css/all.css” rel=“stylesheet” />
<link href=“/assets/customfonts/FontAwesome.Pro.6.x.x/css/v4-shims.css” rel=“stylesheet” />
<link href=“/assets/customfonts/FontAwesome.Pro.6.x.x/css/v4-font-face.css” rel=“stylesheet” />
<script src=“https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js”></script>
<link rel=“stylesheet” href=“https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css”/>
<a id=“pageUp” class=“”><i class=“fas fa-chevron-up”></i></a>
<div id=“readingposition” class=“reading-meter” style=“bottom: 0px;”>
<div class=“reading-meter-background rounded-1 border border-gray-300 ready”>
<div class=“reading-meter-progress-bar rounded-1” id=“progress-bar”>
</div>
</div>
</div>

what i have now

[phenomlab]

@cagatay if you look in the console (developers console in browser) do you see any error messages being returned?

Linux is case sensitive, and it’s possible to have the same filename and folder name in upper and lower case.

I suspect this might be the issue, but I could be wrong.

[cagatay]

Mark, the situation is that since I used your CSS files, I don’t even have the Frontawese folder. Because of that, I really need your direct help. I’d really appreciate it if you could take a look whenever you have some free time.

[cagatay]

Hi Mark, hope you’re doing well. Are you going to be able to help me with this?

[phenomlab]

@cagatay Just looking at this now. Do you have a FA Pro 6 license, or are you trying to use the free version? It’s not immediately clear, and the directory structure on your server is a mess to be honest. Not sure what has happened here.

EDIT - I have it working. DM me.

[cagatay]

thank you Mark.

[DownPW]

so what is the problem of @cagatay mark @phenomlab ?

[cagatay]

i do not know Mark resolved.

[phenomlab]

@DownPW the FA library was missing with no paths defined. I’ve set these in the headers and uploaded the source, including necessary shim files which resolves the issue.

[DownPW]

OK
Likely deleted by mistake from the NodeBB ACP headers.

[phenomlab]

@DownPW Possibly, but the source files were also missing, and @cagatay has a custom theme developed by me.

[cagatay]

Hi, the active users are not showing correctly. Instead of the usernames, I’m seeing code. What should I do to fix this?

[phenomlab]

@cagatay sorry for late response. This looks too be one of the widgets, and I’m wondering if you have custom code that targets this.

Had this recently happened after an upgrade or other changes?

[cagatay]

mark hi,
Refused to apply style from ‘https://efelsefe.com/assets/customfonts/FontAwesome-6-Pro/pro/css/v4-font-face.css’ because its MIME type (‘text/plain’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

I keep getting this error.