• 0
Sign in to follow this  
Followers 0

Flatten Flatten theme header section customization

Question

Posted · Report post

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;

}

Share this post


Link to post
Share on other sites

2 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Excellent!  Thanks so much quick response tmeister!!

 

Enjoy your day!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0