Archived

This topic is now archived and is closed to further replies.

  • 0

Change Gradient In Responsive Navigation To Solid Colour

Question

Posted · Report post

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

4 answers to this question

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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.

Share this post


Link to post
Share on other sites