Jump to content


Photo
- - - - -

Change Gradient In Responsive Navigation To Solid Colour


  • Please log in to reply
4 replies to this topic

#1 brenb

brenb

    Super Member

  • Members
  • 143 posts
  • Country: Country Flag

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

    Super Member

  • Members
  • 143 posts
  • Country: Country Flag

Posted 04 December 2012 - 03:36 PM

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



#3 brenb

brenb

    Super Member

  • Members
  • 143 posts
  • Country: Country Flag

Posted 04 December 2012 - 03:42 PM

screen.png



#4 brenb

brenb

    Super Member

  • Members
  • 143 posts
  • Country: Country Flag

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

  • Moderators
  • 9,441 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

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.






Click to return to top of page in style!