NO BUG: Background Colour does not apply / display correctly on frontend

Browser: I have tried Firefox, Edge and Chrome.
OS: WIndows
URL: https://v3.evolt.pt/product/bateria-chumbo-12v-08ah-ultracell/
Video: Free Online Screen Recorder | Online Video Recorder : No Download
I am on latest version 1.9.11

Setting a background color on the Builder, shows correctly on the builder but doesn’t show on front end as you can see in the video and in the following screenshot:

This is pretty random, as I have other pages with this configuration and they work well.
I have tried deactivating all plugins (as you can see in the video) but the problem persists.
I can share the template or admin login access no prob.

Hi Jaime,
It looks like you added a border style somewhere on the base breakpoint but without a selector:

Please check your custom CSS :slight_smile:

1 Like

Edit: I have found the issue, after going element by element and class by class checking their custom CSS. The problematic line was inside one of the elements.

Thank you very much Timmse!


Old:
Thanks for the answer Timmse, where do you find this code?
I am struggling to find it on the front end (through inspect) and I especially can’t find it on the backend,

  • I am using WPCodeBox to add custom code, but I have nothing resembling this there, I have also disabled the plugin just to make sure.

  • My “Page Settings” - “Custom Code” is also empty

  • my Wordpress Customization “Additional CSS” is empty

  • My Bricks Settings “Custom Code” is also empty

I really don’t remember adding this particular CSS and I am not sure anymore where else I can search for custom CSS.
The weird thing is, other pages work well, only this one seems to have this problem with the background, but I can’t find this "border top 1px: Am banging my head against the wall

Hey Jaime,
CSS errors are relatively easy to find by switching to inline styles, copying the complete inline styles and pasting them into a code editor that supports css linting.

I use Visual Studio Code for this, which directly shows every CSS error.

1 Like