Jump to content


Photo
- - - - -

Nav Bar Customisation

navbar navbsarcolour

Best Answer Rob , 02 November 2013 - 03:15 PM

Ah,

 

Try this added to your custom code:

 
.navbar.pl-color-black-trans {
    background-color: rgba(0, 100, 12, 0.12);
    background-image: -moz-linear-gradient(center top , rgba(0, 100, 12, 0.8), rgba(0, 100, 12, 0.9));
    background-repeat: repeat-x;
    border-top: 1px solid rgba(0, 100, 12, 0.9);
}
Go to the full post


  • Please log in to reply
8 replies to this topic

#1 carl007

carl007

    Advanced Member

  • Members
  • 37 posts
  • Country: Country Flag

Posted 02 November 2013 - 01:19 PM

Hi, 

 

Am a bit frustrated with how to change the color of the nav bar on a pageline site, i have made changes to the following CSS but it just wont change and have spent time on the forum and cant find basic instruction on how to. 

Am quite okay with CSS but it have not been successful with changing the colors of the background to green. 

 

Can you please help. 

 

Attached is the screen shot

 

the site is mansag.org

 

.navbar.pl-color-black-trans {
    background-color: #00640C;
    background-image: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9));
    background-repeat: repeat-x;
    border-top: 1px solid rgba(0, 0, 0, 0.9);
}
 
Looking forrward to a clear guidance please.
 
thank you 
 
 


#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 02 November 2013 - 02:15 PM

I'm looking at your site on Firefox and the background color is green, and the exact shade specified in your CSS.  Did you publish and refresh? Look in any other browsers?



#3 carl007

carl007

    Advanced Member

  • Members
  • 37 posts
  • Country: Country Flag

Posted 02 November 2013 - 02:19 PM

Thanks for your reply and coming to my rescue :)

Its the top navigation its black on mine browswer and i want the nav bar to be green.



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 02 November 2013 - 03:15 PM   Best Answer

Ah,

 

Try this added to your custom code:

Please Login or Register to see this Hidden Content


  • carl007 likes this

#5 carl007

carl007

    Advanced Member

  • Members
  • 37 posts
  • Country: Country Flag

Posted 02 November 2013 - 03:29 PM

Thanks a Billion Rob. I guess its the rgba values that solved the problem. 

 

How do i get this value for future. 

 

thanks again,



#6 carl007

carl007

    Advanced Member

  • Members
  • 37 posts
  • Country: Country Flag

Posted 02 November 2013 - 03:32 PM

Apologies, it only work for Firefox but not on Chrome? any clue :)

 

thanks



#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 02 November 2013 - 03:53 PM

Try this:
.navbar.pl-color-black-trans {
background-color: rgba(0,100,12,0.12);
background-image: -moz-linear-gradient(top,rgba(0,100,12,0.8),rgba(0,100,12,0.9));
background-image: -ms-linear-gradient(top,rgba(0,100,12,0.8),rgba(0,100,12,0.9));
background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,100,12,0.8)),to(rgba(0,100,12,0.9)));
background-image: -webkit-linear-gradient(top,rgba(0,100,12,0.8),rgba(0,100,12,0.9));
background-image: -o-linear-gradient(top,rgba(0,100,12,0.8),rgba(0,100,12,0.9));
background-image: linear-gradient(top,rgba(0,100,12,0.8),rgba(0,100,12,0.9));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,100,12,0.8)', endColorstr='rgba(0,100,12,0.9)', GradientType=0);
border-top: 1px solid rgba(0,100,12,0.9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444',EndColorStr='#222222');
}

  • carl007 likes this

#8 carl007

carl007

    Advanced Member

  • Members
  • 37 posts
  • Country: Country Flag

Posted 02 November 2013 - 03:59 PM

Thanks a lot Rob, it worked. 

Problem solved. 

 

Its the best answer :)

 

Cheers



#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 02 November 2013 - 04:13 PM

Great!







Also tagged with one or more of these keywords: navbar, navbsarcolour