Background color site container

Support
#1

hi there,
this is a strange one for me, since it was working since recently (update of the theme?)
i had a background color defined like in the screenshot.
site is full width. content limited to 1400px. for the content (between header und footer) i had a different color. the themes background color. but now everything is just white.
i tried different css - also from the forum.
i deactivated all plugins.
i changed the page template to “blank no container header footer”
nothing helped. hope you have some idea what is going on :wink:
thanks a million! kai

#2

Hello @iTurtle,

Thanks for writing to us.

It seems that the site style is rendering from the cache I would suggest you please purge all the cache and temporarily deactivate the cache plugin and then check it again or for a quick fix please add this custom CSS code to the global CSS

.site, .x-site {
background-color: #edecea !important;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#3

dear @prakash_s!
thanks for your quick response!
it did everything you mention, too. before.
i added this code:
.site, .x-site {
margin: 0 auto;
background-color: red !important;
}
and i deactivated all plugins.
also i removed all custom css.
so now i deactivated the caching plugin completely and saved your css instead of mine.
but nothing helps.
cache deleted again and again.
shouldn’t the color be like in my screenshot? that is a normal function of pro - no?
hope you can still think of something, for i am pretty desperate by now…
best wishes, kai

#4

i found out something strange. maybe a bug in pro?

when it pase this

.site,
.x-site {
margin: 0 auto;
background-color: red;
}

into the wp customiser css it works perfectly. liket it should.

if i paste it in the cornerstone css custom css field it is being ignored!

any idea why that is?

thanks again! kai

#5

Hello @iTurtle,

This is the order of the styles being applied to the site:

  • Theme’s stack style (style.css)
  • Child theme’s style.css
  • X/Pro Theme Option settings
  • X/Pro Theme Option’s Custom Code > Global CSS
  • Cornerstone/Pro Editor’s Page Custom Code > Page CSS
  • WordPress Additional CSS (Appearance > Customize > Additional CSS)

You can use this code instead to force the styling when added in the Global CSS

#x-site,
.site.x-site {
   margin: 0 auto;
   background-color: red;
}

Best Regards.

#6

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