Jump to content


Photo

Need Help with Navigation Hover Effect

Navigation Hover Color Text Box

Best Answer Rob , 16 September 2012 - 12:16 AM

Okay, bookmark this link because you're going to learn to truly love it. http://www.colorpicker.com/

With that site you can pick a color you like. In the top, you'll see # with an alpha/numeric six digit code. For example #FFFFFF is white and #000000 is black.

In the various parts of the Simple CSS Lite plugin, you simply copy the code and insert the # first. So, if you wanted a deep red background color for menu items, you'd add #C00000 and thinking in terms of contrast, you'd probably want a white link. Since you might like to mouseover, it should still be light, so try a pale yellow, again, finding the right shades and colors you prefer using the colorpicker website. Go to the full post


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

#1 doziercreative

doziercreative

    Newbie

  • Members
  • Pip
  • 1 posts

Posted 15 September 2012 - 02:56 PM

Hello All! First, a quick disclaimer: I do not know how to write CSS and have only a basic knowledge of HTML. However, I've become pretty well-versed in creating a website using CMS and am comfortable with the PageLines framework. Now that that's out of the way, here's the link to my website (still under construction) www.dcdips.com. I want to make it so that when you mouseover the main nav menu at the top that the text will be white and the box around it will be red. I went to the design control tab and changed the colors on everything listed and it is not creating that effect. I have the "Custom CSS" plugin activated, but I don't know what to put in there. Can someone tell me how to do this or what to put on the CSS page? Thank You!

#2 batman

batman

    Bat Learning

  • Members

  • 2203 posts

Posted 15 September 2012 - 03:18 PM

Hi doziercreative

It is advisable to learn how to do this on your own too.
Check out http://www.pagelines...wiki/Custom_CSS

If you need more CSS help, make sure you've downloaded Firebug for Firefox
and check out W3 Schools for more info.
http://www.w3schools.com/

#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 16 September 2012 - 12:16 AM   Best Answer

Okay, bookmark this link because you're going to learn to truly love it. http://www.colorpicker.com/

With that site you can pick a color you like. In the top, you'll see # with an alpha/numeric six digit code. For example #FFFFFF is white and #000000 is black.

In the various parts of the Simple CSS Lite plugin, you simply copy the code and insert the # first. So, if you wanted a deep red background color for menu items, you'd add #C00000 and thinking in terms of contrast, you'd probably want a white link. Since you might like to mouseover, it should still be light, so try a pale yellow, again, finding the right shades and colors you prefer using the colorpicker website.