Jump to content


Photo
- - - - -
Resolved

Need help styling navbar please



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

#1 apattee

apattee

    Advanced Member

  • Members
  • 62 posts

Posted 28 September 2012 - 12:22 AM

Hi,

I need some help with styling my main navigation bar.

All I need to do is make the text color on the navigation bar white (but not in the submenu).

I also would like the current page background to be black (with an opacity of .3) like it is on a hover.

Please Login or Register to see this Hidden Content



Thanks for your help!

#2 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 28 September 2012 - 01:39 AM

Hi there, try the following css to set the color of the text in the nav.

Please Login or Register to see this Hidden Content


I'm bit confused on the page bg, as it's currently black. I've provided the code for the page canvas bg but you can't have that semi-transparent black as it doesn't show up due to the black underneath. So the code below is for a grey, you can tweak it though to a color that will suit. Hope this helps

Please Login or Register to see this Hidden Content



#3 apattee

apattee

    Advanced Member

  • Members
  • 62 posts

Posted 28 September 2012 - 01:51 AM

Hi there, try the following css to set the color of the text in the nav.

Please Login or Register to see this Hidden Content


I'm bit confused on the page bg, as it's currently black. I've provided the code for the page canvas bg but you can't have that semi-transparent black as it doesn't show up due to the black underneath. So the code below is for a grey, you can tweak it though to a color that will suit. Hope this helps

Please Login or Register to see this Hidden Content


Thanks for the code for the navbar, but now the text is white in the dropdown menus and I'd like that to remain black. Any idea how to fix that?

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts

Posted 28 September 2012 - 10:40 AM

Hi,

Add this to your custom CSS:


Please Login or Register to see this Hidden Content



#5 apattee

apattee

    Advanced Member

  • Members
  • 62 posts

Posted 28 September 2012 - 04:06 PM

Thanks!

#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 28 September 2012 - 09:24 PM

The topic was marked as resolved.