Home>Support>Vantage-Child (Style.CSS) will not change masthead header front page only

Vantage-Child (Style.CSS) will not change masthead header front page only

Vantage Child-theme loads and is active. Using Appearance>Editor>Style.CSS. Iahve entered following code at very end of Style.CSS

/* Vantage Site Header Colour Background */
header#masthead .hgroup h1 {
	color: #99ddff !important;
}
#main {

padding: 0px;
}

body.responsive.layout-full #page-wrapper .full-container {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}

Is this code correct? Where exactly should this code be placed in Vantage Child Theme Style.CSS

Rather than the change to light blue (#99ddff)it keeps the main Vantage theme default of grey

(I can change header background colour on all pages (using different code in Style CSS)but want to do this for the front page only)

Any help appreciated

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi Inferstats

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. 8 years, 7 months ago Private Message - inferstats

    This is a private message.

  3. 8 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Thanks :)

    Before resolving these specific questions, it would be best if we cleaned up your child theme a little as there are multiple CSS files being enqueued and the parent CSS entire contents is in the child style.css file, ideally, only your custom CSS should be there.

    Please, can you let me know which files you’ve edited in your child theme if any, I’ll assist in getting everything neatened up from there.

  4. 8 years, 7 months ago Private Message - inferstats

    This is a private message.

  5. 8 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for the update. If you haven’t yet added any customizations to your child theme I recommend switching back to the parent and deleting the child. Replace it with:

    https://siteorigin.com/wp-content/uploads/2015/03/vantage-child-starter.zip

    To install the above Vantage starter child theme:

    Download the ZIP file to your desktop.
    Install from Appearance > Themes > Add New > Upload Theme > Activate.

    All WordPress themes and plugins completely overwrite their own folder during updates. In order to make your changes safe they need to be copied from the parent theme into the child theme. In the case of CSS snippets, you can insert your edited CSS rules into the field at Appearance > Custom CSS OR the child style.css file, whichever is easiest for you. When moving CSS rules over, try keep it as light as possible. For example, let’s say the original rule was:

    #masthead .hgroup {
        zoom: 1;
        position: relative;
        padding-top: 45px;
        padding-bottom: 45px;
    }
    

    And let’s say you edited only the top padding, you don’t need to copy the full rule into Custom CSS or child theme style.css, you can just copy the rule and the edited declaration:

    #masthead .hgroup {
        padding-top: 50px;
    }
    

    If you’ve edited a theme file with a PHP extension that file will need to be copied from the parent folder into the child theme folder, not cut and pasted, just copied and pasted.

    If you’ve made many edits to the parent style.css file and aren’t sure where they are, use a program like: https://sourcegear.com/diffmerge/. Add the original style.css file and your parent style.css to DiffMerge and it’ll show you the differences. If you’re using Vantage Free you can find the original 2.4.4 style.css file here:

    https://themes.svn.wordpress.org/vantage/1.4.4/style.css

    Let me know how this process goes :)

  6. 8 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Ref: Page: Child Themes

  7. 8 years, 7 months ago Private Message - inferstats

    This is a private message.

  8. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Nicely done :) Glad to hear that went well.

    For sure, Text Wrangler, or any diff tool can be used for recovering from a situation like this. Which ever program you prefer or feel most comfortable in.

    Try the following to set the masthead background:

    #masthead {
        background: #000;
    }
    

    Adjust the color value as required.

  9. 8 years, 6 months ago Private Message - inferstats

    This is a private message.

  10. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Sure :) To make your custom CSS rules take effect on the front page only, change them as follows:

    .home #masthead .hgroup {
      padding-top: 25px;
      padding-bottom: 25px;
    }
    .home #masthead  {
        background: #66b5ff;
    }
    
  11. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    I might have misunderstood which rule you wanted home specific. You can make changes as required. The home only rules get a prefix of:

    .home
    
  12. 8 years, 6 months ago Private Message - inferstats

    This is a private message.

  13. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Ian

    Try editing the row in question, edit the Attributes tab on the right and remove the class name wide-grey, it should be in the row class field. Then, set a row background color from the Theme tab. You can remove the background color added to the widget. Summary, you need to set a row background color, not a widget background color.

    Limit Login Attempts is a small lightweight solution that I would recommend:
    https://wordpress.org/plugins/wp-limit-login-attempts/

    If you rather want a full suite of security options including the above then try something like:
    https://wordpress.org/plugins/wordfence/

    Hope that helps.

  14. 8 years, 6 months ago inferstats

    Andrew

    Just when I thought I had this sorted I noticed a typo on one of my pages.When I went to make a change in site origin editor only text and visual tabs were showing and when I tried to type content in either tab nothing was visible. However when I closed the editor an updated I could see the following in the edit page view

    Any idea what might be going on?

  15. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Sorry to hear about the hassle. If you sent your latest reply via email, please, keep in mind that the forum, unfortunately, doesn’t parse attachments. You can add media from the forum comment field though.

    If the Page Builder tab isn’t loading next to Visual and Text it usually indicates a JavaScript conflict with another plugin. Please, try running a plugin conflict test. Instructions are below:

    //

    This sounds like it could be a plugin conflict issue. Can you try disabling all non-SiteOrigin plugins and see if this fixes the issue? You’ll need to clear all your caches after disabling your plugins.

    If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue.

    Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.

    If you aren’t using a SiteOrigin theme, then you can also try temporarily switching to one of the default WordPress themes to see if the issue is theme related.

  16. 8 years, 6 months ago Private Message - inferstats

    This is a private message.

  17. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for all the effort you’ve put into testing, it’s most appreciated. I have seen this before but, unfortunately, have forgotten what we did to resolve. Would it be ok if I logged in and took a look? If so, please, find instructions below.

    //

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to UsersAdd New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the Send Password field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

  18. 8 years, 6 months ago Private Message - WordPress

    This is a private message.

  19. 8 years, 6 months ago Private Message - WordPress

    This is a private message.

  20. 8 years, 6 months ago Private Message - inferstats

    This is a private message.

  21. 8 years, 6 months ago Private Message - Andrew Misplon Hi, I Work Here

    This is a private message.

  22. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Thanks :)

    Please, could you reach out to your hosting company and ask them about this error:

    Failed to load resource: the server responded with a status of 403 (Forbidden)
    http://www.inferstats.com/wp/wp-includes/js/tinymce/wp-tinymce.php?c=1&ver=4208-20151113

    This file is being blocked and is causing the problem.

  23. 8 years, 6 months ago Private Message - inferstats

    This is a private message.

  24. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    No problem :) Hopefully, your hosts have some feedback on why that file is being blocked. Please, let us know how it goes. Thanks.

  25. 8 years, 6 months ago Private Message - inferstats

    This is a private message.

  26. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    That’s really nice work. Thanks for your feedback, I’m glad you were able to find the cause of the problem.

    All the best :)

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More