Jump to content
Sign in to follow this  
Lisa Haran

Change Gradient In Responsive Navigation To Solid Colour

Recommended Posts

Lisa Haran+    7
Lisa Haran

I want to edit one of the built in responsive navigation from a gradient colour to a simple block colour - #00c2d0;

so been at this for 3 hours with no joy...how can you change to one block of colour?

 

.navbar.pl-color-blue {
    background-color: #00c2d0;
    background-repeat: repeat-x;
    border: none;
}

.pl-color-blue {
    background: -moz-linear-gradient(center top , #6E9ED2 0%, #00c2d0 100%) repeat scroll 0 0 transparent;
}

 

Share this post


Link to post
Share on other sites
Lisa Haran+    7
Lisa Haran

also the search box is visible even thought I disabled it!

Share this post


Link to post
Share on other sites
Lisa Haran+    7
Lisa Haran

i sorted out the search box but still haven't found a solution to changing nav to solid colour

Share this post


Link to post
Share on other sites
Rob    547
Rob

Brenb,

 

Do you have Firebug?  That should help you identify the elements.  Look for background-color or background-image in the CSS where you'll likely find a gradient with two colors.  You can make them both the same yielding your desired results.

 

I'd be happy to find the original, but your site's not yet live.


Former PageLines Moderator, Food Expert and Raconteur

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  

×