Forum breadcrumbs – You are here:Asgaros Support ForumSupportCustom Icons Issue
Please or Register to create posts and topics.

Custom Icons Issue

PreviousPage 3 of 3

Wow, it there a lag of few tens of minutes or what???

I’m surprised because I refreshed my web site several times after the change with no effect.

Allright, sorry for bothering, I did not see that change I was thinking it does not work properly.

That’s good news 🙂

Now the question is: how do I replace that background URL image with an image from my local computer (or my WP media library)?

 

 

And it works, except that the image is ugly…

 

Hey @dax78,

the problem was that your browser cached the CSS files and didn’t reload it. To force the browser to reload it you just have to press Ctrl + F5.

To change the image you have to upload your image to you web server and replace the URL with the path to your image. You will see the URL when you open the image in the media library.

If you ever wonder how to return the favour for helping you.
Quote from qualmy91 on October 14, 2020, 7:44 am

Hey @dax78,

the problem was that your browser cached the CSS files and didn’t reload it. To force the browser to reload it you just have to press Ctrl + F5.

To change the image you have to upload your image to you web server and replace the URL with the path to your image. You will see the URL when you open the image in the media library.

 

Hey qualmy, thanks for your tip on the browser CSS refresh.

It works like a charm now, using images from the media library.

Thanks again

 

hi there

 

I experience recently a problem with my forum custom icons.

Until a few days ago, I was using CSS section in forum/appearance settings like so:

 

#af-wrapper div[id=”forum-1″].forum .forum-status i:before { content: “”; background: url(https://www.jaguarclubromania.com/wp-content/uploads/2021/01/jaguar.jpg); color: black; background-size: 40px 40px; background-repeat: no-repeat; height: 40px; width: 40px; display: inline-block; }

#af-wrapper div[id=”forum-2″].forum .forum-status i:before { content: “”; background: url(https://www.jaguarclubromania.com/wp-content/uploads/2021/01/jaguar.jpg); color: black; background-size: 40px 40px; background-repeat: no-repeat; height: 40px; width: 40px; display: inline-block; }

 

that block worked ok, I had custom images next to each of my forums.

But 2 days ago I did add a new forum, tried to associate an image with it by adding a new block #af-wrapper to CSS section (at the end of existing CSS code), and after a CTRL+F5 on my browser, all images are gone (switched to default image).

I did check in my WP media library for my site, all images are still there but somehow they are not displayed anymore.

I’m using Asgaros 1.15.20

Here is my forum: https://www.jaguarclubromania.com/

 

Anyone know what might be wrong here? thanks

 

 

joselito has reacted to this post.
joselito

Quote from dax78 on January 18, 2022, 10:54 pm

hi there

 

I experience recently a problem with my forum custom icons.

Until a few days ago, I was using CSS section in forum/appearance settings like so:

 

#af-wrapper div[id=”forum-1″].forum .forum-status i:before { content: “”; background: url(https://www.jaguarclubromania.com/wp-content/uploads/2021/01/jaguar.jpg); color: black; background-size: 40px 40px; background-repeat: no-repeat; height: 40px; width: 40px; display: inline-block; }

#af-wrapper div[id=”forum-2″].forum .forum-status i:before { content: “”; background: url(https://www.jaguarclubromania.com/wp-content/uploads/2021/01/jaguar.jpg); color: black; background-size: 40px 40px; background-repeat: no-repeat; height: 40px; width: 40px; display: inline-block; }

 

that block worked ok, I had custom images next to each of my forums.

But 2 days ago I did add a new forum, tried to associate an image with it by adding a new block #af-wrapper to CSS section (at the end of existing CSS code), and after a CTRL+F5 on my browser, all images are gone (switched to default image).

I did check in my WP media library for my site, all images are still there but somehow they are not displayed anymore.

I’m using Asgaros 1.15.20

Here is my forum: https://www.jaguarclubromania.com/

 

Anyone know what might be wrong here? thanks

Nice forum. :

 

Nice forum. 🙂

Did you try with these icons?

https://fontawesome.com/v5.15/how-to-use/on-the-web/using-with/wordpress

https://asgaros.com/support/topic/awesome-icons-where-to-paste-html/

 

 

 

 

 

thanks, I think I did try those at some point but I would like to use my own images and I cannot find in the fontawesome library (unfortunately).

 

Anyway, what’s anoying is that it worked until 1 week ago when I did try to add a new forum and customize it by adding an image for it in the CSS panel for “forum -> appearance” as explained in my prev message.

 

PS: happy you like the forum 🙂

 

I bump my question again, anyone has an idea / suggestion on how the “custom icons” could be fixed?

 

 

@dax78, I just checked this out.  All the selectors are still valid on the current version, so it should still work.

I tried putting your css in my website, as you do in the backend Forum > Appearance > Custom CSS.  As you found, it didn’t work.

Then I deleted it from there, and instead added it to my child theme’s style.css file.  It worked fine.  Maybe there is something wrong with the backend CSS system.  I suggest you move it all to your style.css.

 

Uploaded files:
  • Screen-Shot-2022-01-29-at-2.19.00-PM.png
Asgaros has reacted to this post.
Asgaros
PreviousPage 3 of 3