Jump to content


Photo
- - - - -

Header background color above navigation menu

header background color

  • Please log in to reply
5 replies to this topic

#1 sakkthi subramaniyam

sakkthi subramaniyam

    Advanced Member

  • Members
  • 76 posts
  • Framework Version:Latest version
  • Country: Country Flag

Posted 18 August 2013 - 06:03 PM

Hi,

 

I tried to change the header background color above navigation menu to black with custom css. Still a portion comes white in header.

 

#header {
background-color: black;
}
 

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

 white color remains

 

 

Thanks,

sakkthi



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 18 August 2013 - 06:10 PM

Sakkthi,

 

What's the URL to the site?



#3 sakkthi subramaniyam

sakkthi subramaniyam

    Advanced Member

  • Members
  • 76 posts
  • Framework Version:Latest version
  • Country: Country Flag

Posted 18 August 2013 - 06:32 PM

Hi,

 

Please Login or Register to see this Hidden Content



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 18 August 2013 - 06:55 PM

Okay, the template you're using places the Content area right into the header area.

 

Please go to Dashboard > PageLines > Site Options > Layout Editor and screenshot the Layout Handling and Site Design Mode for me. Thanks.



#5 sakkthi subramaniyam

sakkthi subramaniyam

    Advanced Member

  • Members
  • 76 posts
  • Framework Version:Latest version
  • Country: Country Flag

Posted 18 August 2013 - 07:25 PM

Hi,

 

screenshot

 

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15064 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 August 2013 - 10:18 AM

Hi,

 

Our custom CSS documentation has a step by step guide on how to inspect specific elements and customize them. I have provided you with the code for needed to remove the Branding sections content area color.

 

#site .section-branding .content {
background-color: rgba(0, 0, 0, 0);
}
 
You will probably want the content area of the NavBar to be transparent too, if so use the following code:
 
#site .section-navbar .content {
background-color: rgba(0, 0, 0, 0);
}
 
Please be aware we only provide limited custom CSS support, so in future we recommend you read through our custom CSS documentation and also check out the free course on Code School which learns you how to use Google Chromes Web Dev tools.






Also tagged with one or more of these keywords: header, background color