skin color only partially changing

Support Forums for LiveMesh Themes & Plugins Forums Squash Theme Support skin color only partially changing

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3018
    Waynufwaynuf
    Member

    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.

    #3042
    NexusNexus
    Moderator

    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!

    #3062
    Waynufwaynuf
    Member
    This reply has been marked as private.
    #3091
    NexusNexus
    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!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Squash Theme Support’ is closed to new topics and replies.