Jump to content

Archived

This topic is now archived and is closed to further replies.

massmosaic

Customize rollover color shortcode button

Recommended Posts

massmosaic    0
massmosaic

Hi Pagelines,

 

I have a quick question... I want to change the color slightly of the shortcode "warning" button in my site. I've done this successfully using:

 

.btn-warning {
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fec400),to(#f79227));}
 
However, I don't see how to target the rollover state. Currently, the rollover shows the old color, which comes up 1/2 way and looks off: http://rad.mosaicearth.com/wp-content/uploads/2014/02/Screen-Shot-2014-02-05-at-8.10.37-PM.png
 
Can you please advise on how to target here??
 
My site is on a staging server, but I can create a similar button on a live site if needed.
 
Thank you!!
 
 

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, to target the hover simply add :hover behind the class.

 

.btn-warning:hover

 

If using firebug or chrome you can see the css for hover/active/focus classes by checking the option in the style tab.

 

Example in firebug - https://www.dropbox.com/s/78jdgwjebssp223/Screenshot%202014-02-06%2007.32.54.png

 

Example in chrome - http://stackoverflow.com/questions/4515124/see-hover-state-in-chrome-developer-tools


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
massmosaic    0
massmosaic

Awesome, thank you James. Very appreciated.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Thanks for informing us the issue has been resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • salestrakr
      By salestrakr
      I'd like to have a Pagelines button initiate an accordion.  Is this possible?  I tried it but it didn't work.  I may not know enough though how to do this.
×