3 replies [Last post]
vOptix
vOptix's picture
Offline
newbie
Last seen: 29 weeks 4 days ago
Timezone: GMT-5
Joined: 2016-12-30
Posts: 2
Points: 3

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	background: #49657d;
	color: #fff;
	display: inline-block;
	padding: 6px 8px;
	margin: 2px 2px 6px 2px;
	border: 1px solid #395063;
	text-shadow: 1px 1px 0px #395063;
	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
}
 
a.button.small_button {
	margin: 0;
	padding: 3px 6px;
 
	font-size: 14px;
}
 
a.button span {
	padding: 3px 10px;
	display: inline-block;
}
 
a.button.new_thread_button span {
	background-position: 0 -340px;
}

I just took a random sample out of the CSS..where it says a.button.new_thread_button span I would like to make a hover effect for that one. I just want to change the background color when I hover.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 18 hours 13 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9634
Points: 3702

Try

Try this.

a.button.new_thread_button:hover span {
    background-color: red;
    color: white; /* always declare both color and 
                     background color when you change
                     one or the other */
    }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

vOptix
vOptix's picture
Offline
newbie
Last seen: 29 weeks 4 days ago
Timezone: GMT-5
Joined: 2016-12-30
Posts: 2
Points: 3

Thank you so much! Does it

Thank you so much! Does it need to be background-color or just background color?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 18 hours 13 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9634
Points: 3702

Good catch

Fixed.

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.