Joomla Templates Club 406,261 posts

[hanzh Friend hanzhJoin date: September 2009Posts: 2Downloads:0Uploads:1]

#144623

Hello,

I want to add an effect to the default buttons. If you hover over the button I want the button to change colour (same way it does on the main top menu).

I have found this string in template.css:

.button {
padding: 1px 8px;
border: 1px solid #333333;
background: #333333;
color: #CCCCCC;
text-transform: uppercase;
font-size: 92%;
}

What do I insert to add a hover effect?

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#318874

Hi hanzh

Please add this code:


.button:hover {
padding: 1px 8px;
border: 1px solid #ff0000;
background: #ff0000;
color: #FFFFFF;
text-transform: uppercase;
font-size: 92%;
}


It only works for FF, chrome and some browsers, no IE

[Author]

Posts