Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Brandon Brigham
Brandon Brigham
3,716 Points

Change pink color on site to #596072

Hello,

If you go to the site I'm working on http://gakaincontracting.com on the home page there are four boxes underneath the slider. Once you hover over them there shows a pink divider line that I want to change to #596072 - Also links when hovered in the text area below is still pink but I also want that to be changed to #596072. I've tried to search and get rid of this pink color but haven't had much luck.

Thanks for your help!

2 Answers

daviem
daviem
21,118 Points

Hi Brandon, I don't know anything about word-press but the problem seems to be from a css file at the following:

gakaincontracting.com/wp-content/themes/silicon/css/skin-pink.css?ver=4.0

It's on line 1202 according to dev tools;

features_blocks .features_blocks .feature_block:hover h3 {

border-color: #e74178;

}

If you can access this file and change the border-color to #596072 then you'll be golden

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Brandon,

I don't know if your using a Mac or PC, but you can get applications that allow you to click on a colour and it will give you the RGB and HEX code etc. It comes included on a Mac or get a 3rd party one.

If you can download one of these you'll be able to click on that pink colour, get the HEX or RGB then search your css and make the change.

On a side note it's really handy if you see a colour on a website and want to find out what it is to use yourself.