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.

background color coming through

Resolved 9 replies customizationthemetheme-focus
Andrea Barnes
10 years ago · Last reply by Support Assistants 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Support Assistants 10 years, 1 month ago

    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. Andrea Barnes 10 years, 1 month ago

    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. Support Assistants 10 years, 1 month ago

    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. Andrea Barnes 10 years, 1 month ago

    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. Support Assistants 10 years, 1 month ago

    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. Andrea Barnes 10 years, 1 month ago

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

  7. Support Assistants 10 years, 1 month ago

    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. Andrea Barnes 10 years, 1 month ago

    Thanks so much! That fixed it.

  9. Support Assistants 10 years, 1 month ago

    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.

Have a different question or issue?

Start New Thread