Home>Support>background color coming through

background color coming through

By Andrea Barnes, 9 years ago. Last reply by Support Assistants, 9 years ago.
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].

http://coach-campo.com/

I changed the css a bit to allow for the logo to be larger and the banner with the menu to not be too large.

header#masthead.masthead-logo-in-menu .image-logo > img {
max-height: none !important;
}

#masthead .container {
height: 55px!important;
}

Now the background color is showing through.

Any ideas?

thanks!
ANdrea

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

  1. 9 years, 6 months ago Support Assistants

    Hi Andrea

    The problem is coming from this Custom CSS rule:

    #masthead .container {
    height: 55px!important;
}

    You’re setting the height of the container in the header so there is no way it can adjust with the logo size. By the looks of it, you can remove both rules in Custom CSS with any negative impact.

  2. 9 years, 6 months ago Andrea Barnes

    OK, I took that out and only left this:
    header#masthead.masthead-logo-in-menu .image-logo > img {
    max-height: none !important;
    }

    But it looks the same.

    I want the menu to have a background area but I want the logo to drop below that menu background/border. I do not want the upper background/border to be the same height as the logo.

    Can you tell me what CSS code to put in there?

    thanks,
    Andrea

  3. 9 years, 6 months ago Support Assistants

    Thanks for your feedback.

    On our end the menu doesn’t look the same. The logo is now constrained within the menu background as we’d expect it to, given the Vantage setup and design.

    Given your description, the way you had the site was how you want it. What background colour do you expect to show below the menu bar if the logo is sticking out?

  4. 9 years, 6 months ago Andrea Barnes

    Thanks for the prompt replies!

    If you look at it now coach-campo.com you can see the blue coming in. Can we just make that disappear?

    I want the logo to drop below the menu area not be constrained by that area.

    It looks the way I want it now if the blue area would just go away.

    thanks,
    Andrea

  5. 9 years, 6 months ago Support Assistants

    No problem :)

    Do you want the logo to overlap the slider or do you want to change the blue color to another color? We’re not quite sure what make that space disappear means. The above two options are the only things we can see happening.

  6. 9 years, 6 months ago Andrea Barnes

    Yes, I want the logo to overlap the slider. I don't want to see that blue color at all.

  7. 9 years, 6 months ago Support Assistants

    Hi Andrea

    You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    #masthead hgroup img {
    max-height: none;
    position: absolute;
    width: 300px;
    height: 162px;
    z-index: 200;
}

.slider h1 {
    margin: 120px 0 20px 0;
}

.slider .play {
    top: 75%;
}

    You might also need to install the SiteOrigin CSS Editor.

  8. 9 years, 6 months ago Andrea Barnes

    Thanks so much! That fixed it.

  9. 9 years, 6 months ago Support Assistants

    Glad we could help. 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