Background color entire site has no effect – Theme TT4

Hello there,

I see that you are using the LiteSpeed Cache plugin, did you try to purge its cache and/or disable this plugin to see if the change will apply then?

Kind Regards.

I am purging constantly as I crack along, so yes. I tried turning off cache and left it there for some hours. Same issue with or without Litespeed…. Other ideas?

In editor things look correct. On the saved site background stays off…

Editor left – Website right

Another example

• Here input fields are #fff (white).
• Content background is themes background #f9f9f9
• Menu left background transparent
• Site background set to #f9f9f9 but display other color (no color – f0f0f1)

Thx

• This reply was modified 2 months, 2 weeks ago by hebhansen.
• This reply was modified 2 months, 2 weeks ago by hebhansen.

Hello @hebhansen,

Thanks for the clarification, what I see is that body is in the LiteSpeed cache file – https://prnt.sc/3OLF9SPwsk8s – which means that it’s picked up from somewhere and integrated there, I also see the color which you set and the color which exist for the body -> https://prnt.sc/Ouke6jOXTaFH – as you can see, the color which exist overwrites the color which you set because it’s CSS have loading priority over your CSS.

Check the style.css file of your theme and see what’s the color for the body selector there, change it there. If you can’t find it, you can use this code to force color to have priority over that one:

body {
    background: #f9f9f9 !important;
}

Add that code via Customizer – Additional CSS, but only if you can’t find the code in the style.css file of your theme, using important should be avoided whenever possible.

Kind Regards.

@wpmajestic Thx so much for your research. It’s really appreciated. Your snippet without !important did the trick. So far so good, but obviously this is not perfect as the TT4 styling is overwritten.

I tried to rewind what I did on the site recently. I have added and edited a bunch of css. I have tried to locate #f0f0f1 with no succes. The css is in code snippets. I have turned off css snippets individually to no avail. I have turned of “Code Snippets” for entire network. No change and yes I did purges. So I think this is not introduced by my snippets.

I have introduced SearchWP Modal plugin that indeed has it’s issues. On 2 other sites the background is not affected, so I doubt this is the culprit.

In TT4 I have tried adding another global style and save. Then reverted. I have also saved another bagground color that was overwritten and then reverted. So ….. Is there any clever way to target the source of this, as I am in the blind right now?

Thx again

Hi @hebhansen,

You can try to use String Locator plugin (https://www.ads-software.com/plugins/string-locator/) in order to find all places where that background color code exists.

Kind regards.

Thx… There are in the ballpark of 100 matches to: background:?#f0f0f1;

Half: wp-includes

Half: wp-admin

and 4 hits in wp-content:

2: WP Forms Lite plugin

1: Hide Category by User

1: Geo my WP

Is it fair to assume this comes from one of these plugins?

I have located this error to plugin: “Hide Category by User Role for Woo”. It’s reported here.

@wpmajestic thx a ton. Really!

Follow-Up: “Hide Category by User Role for Woo” released a fix yesterday, so problem is now solved. Thx