Jump to content


Photo
- - - - -

Change Gradient In Responsive Navigation To Solid Colour


This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1 brenb

brenb

    Advocate

  • Members

  • 330 posts

Posted 04 December 2012 - 03:30 PM

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;
}

 



#2 brenb

brenb

    Advocate

  • Members

  • 330 posts

Posted 04 December 2012 - 03:36 PM

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



#3 brenb

brenb

    Advocate

  • Members

  • 330 posts

Posted 04 December 2012 - 03:42 PM

screen.png



#4 brenb

brenb

    Advocate

  • Members

  • 330 posts

Posted 04 December 2012 - 04:29 PM

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



#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 04 December 2012 - 10:07 PM

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.