Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I’ve created a style.css file for my vantage-child team as follows:
/*
Theme Name: Vantage-Child
Author: me
Template: vantage
Version: 1.0
*/
@import url(“../vantage/style.css”);
body{
background:#0000ff;
}
I proceeded to load it to my vantage-child theme folder. When I call up the page the background does not change, remaining as it was. Any ideas. Thanks.
Hi chemdata
Thanks for running Vantage. Your child theme CSS looks correct. Try this:
body.custom-background { background-color: #0000ff; }Alternatively:
body{ background:#0000ff !important; }(This item is contained under Appearance > Customize in Vantage Premium.)
Thanks. Neither worked.
I also went to the original style.css file that came with the vantage theme and just changed the text from body{background:#fff;} to “body{background:#0000ff;} keeping the rest of the file the same and then reloaded it to the vantage theme directory where it was and that didn’t seem to work.
Any changes made to style.css will be overwritten during theme update, just a heads up there.
Please send me a link to a page concerned and I’ll take a look.
Thanks for heads up and yes I am aware of that but was just trying to see if I could identify my problem. It doesn’t make sense to me that when I change and replace it that it stays the site stays same. Its almost like I am dealing with a secondary style.css file.
I have now gone back and kept the vantage theme style.css file as it was originally. I also put back the style.css file with the body{ background:#0000ff; } in the vantage-child theme folder.
The url for the test site is http://deadplanetpublishing.com/vantage/
Once again thanks for the help.
Ok you’re running full width, you’ll then need this in your Custom CSS module:
#main { background: #000; }Ref: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/
John that worked. Thanks. Now I know that the vantage child style.css file works. I noticed that the top of the page color didn’t change but when I added header#masthead{background:#c0ffc0;} that that also changed.
Does this mean that if I want to add css code to my style,css for anything that will be on the “main area” that it has to be #main { code additions;} ?
Finally I see where you mentioned I was running full width. Didn’t know I could make changes. Where could I make those changes if I wanted to?
Once again thanks for your help.
Glad that helped.
#main doesn’t include the masthead, it covers the area below the slider. Take a look at the CSS tutorial I posted previously. It shows how to use your browsers developer tool to inspect the page and use that in conjunction with Appearance > Custom CSS. Very handy.
To change a page’s template head to that page under Pages and check the right column menu, there you’ll find a drop down menu.
For the masthead you’d use:
header#masthead { background: #fcfcfc; }Thanks again.
For sure.