This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Vantage-Child theme problem

Resolved 9 replies themetheme-vantage
chemdata
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff 11 years, 6 months ago

    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.)

  2. chemdata 11 years, 6 months ago

    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.

  3. Andrew Misplon Staff 11 years, 6 months ago

    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.

  4. chemdata 11 years, 6 months ago

    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.

  5. Andrew Misplon Staff 11 years, 6 months ago

    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/

  6. chemdata 11 years, 6 months ago

    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.

  7. Andrew Misplon Staff 11 years, 6 months ago

    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;
}
  8. chemdata 11 years, 6 months ago

    Thanks again.

  9. Andrew Misplon Staff 11 years, 6 months ago

    For sure.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread