Section backround color won’t change

I am trying to change the background color of a section and it’s not changeing. Inside the pro builder is black like I set it but on the web page its still white. How can I fix it?

Hey Carp,

Please check for the following first:

  1. Ensure Pro is up to date. Please follow the best practices when updating your theme and plugins. See https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62 for more details.

  2. If you’re using a caching plugin, clear all caches including browser cache then deactivate your caching plugin and other optimization plugins.

  3. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

  4. Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

  5. If you’re using a child theme, please switch to the parent theme and remove all custom CSS and Javascript that are applicable for the page in question.

Please do each of the suggested steps above as they’re the general solutions. Only if nothing helps, give us the following in a Secure Note

  1. URL of the page with issue.
  2. Screenshot of the section.
  3. WordPress Admin username and password.

Thanks.

I checked everything. It’s just not working on any page. Any section that I created on any of my pages have the same problem. The color won’t change.

Hi There,

I was unable to replicate this issue. I’ve created a test page and the background color is working fine:

Could you please clear all the caches and check again?

Regards!

Try to change the background color of section 2 on this page. https://www.instalix.ro/despre-noi/

Hey @Instalix,

It’s because of the custom CSS with syntax error in your Header. I commented it out and the issue’s fixed.

In order to avoid display issues, before inserting CSS anywhere in your site, please post them in a CSS validator tool like http://csslint.net/. It’s not just in our products. It’s applicable to website development in general.

I also previously listed:

I could have done better by including examples such as Global CSS, Content CSS, Header CSS, Footer CSS and Element CSS. There are still lots of areas where you can insert CSS but those are common areas in our products.

Hope that helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.