Jump to content


Photo
* * * - - 1 votes

custom primary nav bar


Best Answer Danny , 05 February 2013 - 01:25 PM

Thats due to you only use the gradient code for Mozilla FireFox, you need to add the gradient CSS for all browsers.

 

See this site for assistance - http://www.colorzill...radient-editor/

Go to the full post


  • Please log in to reply
6 replies to this topic

#1 jnop2001

jnop2001

    Advanced Member

  • Members
  • 55 posts
  • Country: Country Flag

Posted 05 February 2013 - 01:15 AM

Hi

 

how can i change the color of dropdown-menu.a:hover

 

I try debbuging but i dont understand the pageline design files.

 

Please see the file atached.

 

many thanks



#2 Rob

Rob

    One Smart Egg

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

Posted 05 February 2013 - 01:32 AM

Hi,

 

There's a premium section called Crackbar in our store:

Please Login or Register to see this Hidden Content

 

 

This will allow you to customize the settings for the NavBar using settings, including hover color.

 

The alternative is customized CSS code.



#3 jnop2001

jnop2001

    Advanced Member

  • Members
  • 55 posts
  • Country: Country Flag

Posted 05 February 2013 - 10:02 AM

good morning

 

i was expecting other answer.

 

which class/id i use to modify css code (changing the color of dropdown-menu.a:hover)? i try.nav ul li a without any sucess!

 

best regards



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16952 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 February 2013 - 10:14 AM

HI,

 

I recommend you install Google Chrome, if you don't use it already and then load up the Web dev tool, inspect your navbar drop down menu and then click the:

 

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

 

This is will then display the navbar dropdown menu item hover state, you can then view the code that it uses to apply the style. Which you can use to change the style, when adding your custom code, you may need to use one of the pagelines overrides such as #site or #page.

 

For example,

 

 

Please Login or Register to see this Hidden Content

If you add the PageLines override, the code will look something like this:

 

 

 

Please Login or Register to see this Hidden Content


  • jnop2001 likes this

#5 jnop2001

jnop2001

    Advanced Member

  • Members
  • 55 posts
  • Country: Country Flag

Posted 05 February 2013 - 01:21 PM

perfect in firefox but not ok in chrome (still blue)

 

i am using: 

Please Login or Register to see this Hidden Content

 

 



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16952 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 February 2013 - 01:25 PM   Best Answer

Thats due to you only use the gradient code for Mozilla FireFox, you need to add the gradient CSS for all browsers.

 

See this site for assistance - 

Please Login or Register to see this Hidden Content


  • jnop2001 likes this

#7 jnop2001

jnop2001

    Advanced Member

  • Members
  • 55 posts
  • Country: Country Flag

Posted 05 February 2013 - 03:12 PM

Many thanks

 

nice job!