Hi. I am trying to change the colors of these orange objects in my forums but there are no predefined areas to do so. I found a post that referenced adding custom CSS such as:
#wpforo #wpforo-wrap .wpf-subscribe-topic.wpf-button-outlined,
#wpforo #wpforo-wrap .wpf-subscribe-forum.wpf-button-outlined,
#wpforo #wpforo-wrap .wpf-subscribe-forum.wpf-button-outlined i{
color: #dd3333 !important;
border-color: #f5f5f5 !important;
}
...but it did not seem to work when I added it to custom CSS input box. I cleared my browser cache multiple times. I have attached the areas I need to make color changes to. I also need to change the orange "Subscribe to new Topics" and "Subscribe to new replies", along with the orange "fire" hot topic icon(s).
Additionally, I have the following code appearing at the bottom of all the user Profile summary pages:
<div class="wpf-label">Social Networks</div>
I can provide a screenshot of this as well. Thanks in advance.
Hi,
Use the CSS code below:
#wpforo #wpforo-wrap a.wpf-new-button, #wpforo #wpforo-wrap span.wpf-new-button{
background: #362b2b !important;
color: #000!important
}
i.fa-solid.fa-fire-flame-curved.wpfcl-5 {
color: #362b2b !important;
}
#wpforo #wpforo-wrap .wpforo-forum-footer * {
color: #362b2b !important
}
The red-marked value can be changed as you like.
Additionally, I have the following code appearing at the bottom of all the user Profile summary pages:
Could you please explain using some screenshots?
I added the CSS code from above and tweaked but unfortunately no change. Did the CTL F5 and tried multiple machines and browsers. Should I do the CSS download and replace suggestion at the bottom of the page?
Here is the screenshot of this code appearing in the profile pages of users.
Should I do the CSS download and replace suggestion at the bottom of the page?
Just add it to custom css
Dashboard > wpForo > Settings > Colors & Styles > Custom CSS
and clear browser cache.
visit my german wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
Unfortunately I tried copy pasting that into that area, made hex color changes, saved, and refreshed my pages and there was no change.
I use Avada and my CSS compiling method is database. Not sure if that makes a difference. I need to run it that way to get certain pages to display properly.
