Jump to content


Photo
Flatten

Flatten theme header section customization



Best Answer tmeister , 03 April 2014 - 07:53 PM

Hi there.

 

Besides the main CSS, you will need to change a couple of lines in the JS file located in

 

.../wp-content/themes/flatten/sections/flat-nav/flat-nav.js

 

Lines 28 and 29;

 
var color = (newAlpha < 1) ? '240, 242, 244' : '255, 255, 255';
var border = (newAlpha < 1) ? '#ddd' : '#fff';

The first values ( 240, 242, 244 rgb color) and (#ddd) are the colors used when the menu is fixed on the top the second values ( 255, 255, 255 rgb color ) and (#fff) are used when the menu is in the original position.

 

Best,

Enrique

Go to the full post


  • Please log in to reply
2 replies to this topic

#1 kellid

kellid

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 03 April 2014 - 07:31 PM

Hello,

 

I am new to DMS and I've purchased the Flatten theme but not sure how to change the background of the navbar section in the header.  I've tried using firebug and tried these CSS codes but nothing seems to be working.  Any hints!?  

 

Thanks!!

 

.section-flat-nav {

background-color:#949494;

}

div.pl-area-pad.fix {

  background-color: #949494;

}



#2 tmeister

tmeister

    Super Member

  • Members

  • 197 posts
  • LocationValle de Bravo, México
  • Country: Country Flag

Posted 03 April 2014 - 07:53 PM   Best Answer

Hi there.

 

Besides the main CSS, you will need to change a couple of lines in the JS file located in

 

.../wp-content/themes/flatten/sections/flat-nav/flat-nav.js

 

Lines 28 and 29;

 
var color = (newAlpha < 1) ? '240, 242, 244' : '255, 255, 255';
var border = (newAlpha < 1) ? '#ddd' : '#fff';

The first values ( 240, 242, 244 rgb color) and (#ddd) are the colors used when the menu is fixed on the top the second values ( 255, 255, 255 rgb color ) and (#fff) are used when the menu is in the original position.

 

Best,

Enrique



#3 kellid

kellid

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 03 April 2014 - 08:55 PM

Excellent!  Thanks so much quick response tmeister!!

 

Enjoy your day!







Also tagged with one or more of these keywords: Flatten