Jump to content
Sign in to follow this  
jennajonesdesign

Change Feature Button Hover Color

Recommended Posts

jennajonesdesign

Hey All, I am trying to change the rollover color of the button in the feature area. After searching the forum, I found this code that worked to change the button color, but not the rollover effect. What do I need to add/change to make this code work for the rollover rather than just the button? a.pagelines-blink.black-blink, #feature_slider .fcontent a, #feature_slider .fcontent a.post-edit-link { background: #ff9100; border: 1px solid black; border-top: 1px solid #111; border-left: 1px solid #111; color: black; text-shadow: none; }

Share this post


Link to post
Share on other sites
Jenny
Rollover effects generally have a :hover attribute added to them. To help you find exactly what you need, you can download [url="http://www.getfirebug.com"]Firebug for Firefox[/url] and check out [url="http://www.w3schools.com/"]W3 Schools[/url] for more info. Also please be sure to watch our Firebug video tutorial [url="http://www.pagelines.com/wiki/Custom_CSS"]here[/url] if you are not familiar with Firebug.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
jennajonesdesign
Thanks simple_mama. I have firebug and use it often, usually with no problems. Just couldn't pinpoint the the hover code in this situation. I also tried adding :hover to the above code and it did not work. =( I will keep trouble shooting. If anyone has done this successfully, I would love to know what worked.

Share this post


Link to post
Share on other sites
jennajonesdesign
Here is the link if that help: http://premiertech.us/

Share this post


Link to post
Share on other sites
jennajonesdesign
Figured it out. Here is the code that works. I hope it helps someone else. a.pagelines-blink:hover, a.soapbox_link:hover, .button:hover, input[type="submit"]:hover, .submit:hover{ background-color: #ff9100 !important; color:#000000 !important; }

Share this post


Link to post
Share on other sites
Danny
Hi Jenna, Thank you for informing us the issue is resolved, we appreciate it!

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×