We help IT Professionals succeed at work.

changing button colour

jonathanduane2010
jonathanduane2010 asked
on
Hi Guys,

i cant find out where to change the colour of the buttons on the site here at http://newsite.mightyavonradio.com

the one that has "athlone therapy centre" and "inspiration space" there are a couple of css files and nothing there

thanks guys
Comment
Watch Question

MarisaWeb Design

Commented:
The styles appear to be on the page, not in an external file. Check line 177 of the page itself. You'll find this:
.vertical_tabs ul li.active:after{background: url(http://newsite.mightyavonradio.com/wp-content/themes/torque/img/buttontip_green.png);}.features:hover .feature_icon, .notification, .vertical_tabs ul li.active, .btn_color{background: #22d07c;border: 1px solid #1ba964;background-image: -o-linear-gradient(top, #2fdd89, #22d07c);background-image: -ms-linear-gradient(top, #2fdd89, #22d07c);background-image: -moz-linear-gradient(top, #2fdd89, #22d07c);background-image: -webkit-linear-gradient(top, #2fdd89, #22d07c);}.btn_color:hover{color: #fff;background: #2fdd89;background-image: -o-linear-gradient(top, #3cea96, #2fdd89);background-image: -ms-linear-gradient(top, #3cea96, #2fdd89);background-image: -moz-linear-gradient(top, #3cea96, #2fdd89);	background-image: -webkit-linear-gradient(top, #3cea96, #2fdd89);}.btn_color:active{background: #22d07c;	background-image: -o-linear-gradient(bottom, #2fdd89, #22d07c);background-image: -ms-linear-gradient(bottom, #2fdd89, #22d07c);background-image: -moz-linear-gradient(bottom, #2fdd89, #22d07c);background-image: -webkit-linear-gradient(bottom, #2fdd89, #22d07c);}

Open in new window


The active (green) state is a css gradient, and the pointy part on the end is an image, so you'll have to change the color in your image editing program. http://newsite.mightyavonradio.com/wp-content/themes/torque/img/buttontip_green.png
Web Design
Commented:
More code can be found in elements.css, starting at line 627