Notifications

Clear all

wpForo 1.x.x [Solved] Colour clash help

How-to and Troubleshooting

Last Post by Macky 4 years ago

5 Posts

3 Users

2 Reactions

847 Views

RSS

Posts: 1212

Macky

Topic starter

Nov 13, 2020 10:51 am

(@percysgrowroom)

Noble Member

Joined: 6 years ago

Hi guys, can some one help me figure out whats going wrong her please?

I need to find out how to change the back ground colour of these boxes as you can reads the text:

https://percysgrowroom.com/forum/growing-outdoors/

Check out my Wpforo forum, lots of customisations and add ons 🙂
Percys Grow Room

4 Replies

1 Reply

Martin

Moderator

(@martin)

Joined: 8 years ago

Support Team

Posts: 992

Nov 13, 2020 12:21 pm

Reply to

Macky

Posted by: @percysgrowroom

Hi guys, can some one help me figure out whats going wrong her please?

I need to find out how to change the back ground colour of these boxes as you can reads the text:

https://percysgrowroom.com/forum/growing-outdoors/

First you should say why have you added this custom css in the Additional CSS Code section. What is the mean of damaging own website style?

.wpfl-1 {
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.50) !important;
    -moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.50) !important;
    box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.50) !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border: 2px solid #649e2d !important;
    background: #649e2d;
}

I see custom CSS code in your page. Who have added this code and why you don't checked the website after adding this code? Please remove the red marked line asap and delete all caches. There are similar code related to #2 and #4 forum layouts too. You can remove them too:

Posts: 1862

Alvina

Moderator

Nov 13, 2020 11:15 am

(@alvina)

Member

Joined: 5 years ago

@percysgrowroom,

The issue comes from the CSS code you add. Please see the recorded video below: https://www.screencast.com/t/ymXdQgRKHoU

However to solve it please use the following CSS code:

#wpforo-wrap .wpforo-content .wpfl-1{
   background: transparent;
}

The code should be added in the Dashboard > Forums > Settings > Styles admin page "Custom CSS Code" textarea.

Don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

Posts: 1212

Macky

Topic starter

Nov 13, 2020 1:05 pm

(@percysgrowroom)

Noble Member

Joined: 6 years ago

Excellent, thats sorted now guys! I did it ages ago, the was a reason why but i have forgotten lol. Ill find out why soon enough and find a better fix 🙂

I really appreciate your help guys, thanks as always

Check out my Wpforo forum, lots of customisations and add ons 🙂
Percys Grow Room