Joomla Templates Club 406,261 posts

[davisj Friend davisjJoin date: June 2013Posts: 28Downloads:15Uploads:1 Thanks: 12 Thanked: 1 times in 1 posts]

#196412

Hi, I’m looking to change the hover color of the button “Email Us to…” for a particular button in a module.

So far, I’ve worked out that I needed to add a css class (orangebutton) to the template.css and add this inside the css for the button. I’m trying to change the change the colour for all the states of the button but I can’t get it to work!

So far, I’ve changed the colour of the button (unclicked) but when I hover, it only half changes…
See [[]] for a Demo.

—SOLVED—

HTML
<a class=”btn btn-primary btn-large orangegradient obtn-primary” …… </a>

CSS:
Added the following lines:

.orangegradient {background-image: linear-gradient(to bottom,#FFB266,#FF8000); background-color: #FF8000;}

.obtn-primary:hover,
.obtn-primary:focus,
.obtn-primary:active,
.obtn-primary.active,
.obtn-primary.disabled,
.obtn-primary {
color: #FFF;
background-color: #FF8000;
*background-color: #FF8000;
}

[Author]

Posts