Jump to content


Photo
- - - - -

Changing NavBar Color in 2.2.5

NavBar CSS Color

  • Please log in to reply
3 replies to this topic

#1 mbauhof

mbauhof

    Newbie

  • Members
  • 8 posts

Posted 03 October 2012 - 09:18 PM

Hi,

I'm sure this should be obvious, but how can I change the NavBar backgournd color (beyond the pre-set options of blue, green, light grey, etc.) in 2.2.5? I'm trying to figure out LESS, but it is slow going.

Thanks,

Mike

#2 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 04 October 2012 - 02:11 AM

Hi there,

As the color options are preset in bootstrap you actually have to use css to alter the colors assigned to one of the preset color options. Like on your current site, you've got the blue nav. So you'd edit the colors set for .pl-color-blue. The css is pasted below, edit the hex colors to the colors of your choice and paste into pagelines>site options>custom code.

Please Login or Register to see this Hidden Content



#3 mbauhof

mbauhof

    Newbie

  • Members
  • 8 posts

Posted 16 October 2012 - 03:55 PM

Hi James,

Thanks. Had to drop this site for a while but am back to now. Your code above works fine for FireFox, but does not seem to render in IE or Crome. Am I missing something?

Site again: mikebauhof.com

Thanks for the help!

Mike

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 October 2012 - 04:05 PM

The code provided above doesn't work with Internet Explorer. You'll need to use the IE gradient solution provided here:

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: NavBar, CSS, Color