Custom Icons Issue
Quote from dax78 on October 13, 2020, 9:08 amWow, 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)?
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)?
Quote from qualmy91 on October 14, 2020, 7:44 amHey @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 @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.
Quote from dax78 on October 17, 2020, 5:27 pmQuote from qualmy91 on October 14, 2020, 7:44 amHey @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
Quote from qualmy91 on October 14, 2020, 7:44 amHey @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
Quote from dax78 on January 18, 2022, 10:54 pmhi 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
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
Quote from joselito on January 19, 2022, 4:38 amQuote 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/
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/
Quote from dax78 on January 19, 2022, 12:27 pmthanks, 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 🙂
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 🙂
Quote from dax78 on January 29, 2022, 9:47 pmI bump my question again, anyone has an idea / suggestion on how the “custom icons” could be fixed?
I bump my question again, anyone has an idea / suggestion on how the “custom icons” could be fixed?
Quote from Jim on January 29, 2022, 11:24 pm@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.
@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: