Reply To: skin color only partially changing

#3091
Nexus
Moderator

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!