Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 23, 2015 at 8:42 am #477559
    hellohamachi

    Hi, when i set my header bg colour to white, it extends from top to bottom, which means that even if i remove my bg colour from the socket so that it’s transparent, it fills with white because of the header.

    How do i restrict my header bg colour to just the height of the logo and main nav?

    thanks

    • This topic was modified 9 years, 11 months ago by hellohamachi.
    July 23, 2015 at 4:33 pm #477805
    Yigit

    Hey hellohamachi!

    Can you please post the link to your website?

    Cheers!
    Yigit

    July 23, 2015 at 7:11 pm #477911
    hellohamachi

    Hi! It’s http://dayspring.org.sg/dswp

    The socket should be transparent so that i get the bg image. and it is fine only if the header is transparent.

    If not the header whites it all out. Likewise if i set alternate content to transparent, it is fine only if the header is transparent.

    July 24, 2015 at 2:57 pm #478184
    Rikard

    Hey!

    You should be able to set the background of the body in the Body Background tab under Enfold–>General Styling, that is the colour you are seeing in the socket. If not, then try the following in Quick CSS:

    #main {
  background-color: transparent !important;
}

    Cheers!
    Rikard

    July 26, 2015 at 5:51 pm #478760
    hellohamachi

    Hi Sorry i don’t think you understand… my Body Background under General Styling is set to the image. And the colour is set to a dark blue not white. The white is coming from the header colour,

    As in, i want my socket to be transparent. So that i can see the bg image.. So i did set that in general styling.
    but as you can see right now, It’s not.

    the colour i’m seeing in the socket is from the header.

    If i set the socket to transparent and then the header is also set to transparent then it works.

    If i make the header bg white but the socket remains transparent, my socket turns white.

    I need the header to be white and the socket transparent.

    July 27, 2015 at 10:19 am #478985
    Rikard

    Hi!

    I’m not sure I understand what mean still, but the previous code I gave you will make the socket transparent and keep the header white. If you want to make the main content to be transparent as well you can use the following:

    .main_color {
background-color:transparent !important;
}

    if I’ve misunderstood you then please provide us with a screenshot or mockup highlighting what you are trying to achieve.

    Regards,
    Rikard

    July 27, 2015 at 10:25 am #478986
    hellohamachi

    Hi Rikard

    hurrah! yes it’s fine now. Thanks so much!!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘General styling – Header – background colour issues’ is closed to new replies.