skin color only partially changing

[waynuf]

Hi –

I’m trying to change the skin color in Squash (the turquoise).
I have gone in and manually changed the color number in the default.css file. I can see that all of these instances are changed from the original color.

However, on my site not all of the instances are showing the new color.
For example, these are still turquoise:
– button squash
– current-menu-item
– rss feed
– service background color
– the triangle icon above “some of our recent work”
I can find all the elements except the last one, and can see that they are html, not images.
Can you please tell me how to change all of these to my preferred color?
Thanks.

[Nexus]

Hi,

Pls reply as a private message here with the site URL and I will send you the code to change all the colors. Thanks!

[waynuf]

This reply has been marked as private.

[Nexus]

Here are the steps to change the colors

Step1:
You need to change the rgba values in the default.css file. Change the rgba(16, 168, 181) and rgba(70, 165, 213) to rgba(98, 78, 122);

Step2:
Paste the following code to the “Custom CSS” in the Theme Options

#primary-menu > ul.menu > li.current-menu-ancestor > a, #primary-menu > ul > li.current-menu-item > a {
color: #624E7A;
}

.button.squash, #commentform input[type="submit"] {
background-color: #624E7A !important;
border-color: #75608e #49375d #49375d #75608e;
}

.service-box4:hover img {
background-color: #624E7A;
}

.segment .flex-control-nav li a:hover, .segment .flex-control-nav li a.flex-active {
background-color: #624E7A;
}

.entry-header .published {
background: #624E7A;
}

ul#recentcomments li.recentcomments a.url {
color: #624E7A;
}

ul#recentcomments li.recentcomments a {
color: #624E7A;
}

.team-member .img-wrap .social-list {
background: #624E7A;
}

Step3:
You need to change the following PNG files in the Adobe Photoshop to your color –

images/social-icons/social-sprite.png
images/quote1.png
images/facny-shape.png

The process is simple. Open these files one at a time in Photoshop and add a “Color Overlay” to the layer. Then export the file as PNG file and replace the original file in the images folder with the new one.

Hope that does the trick. Thanks!

[Author]

Posts