Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #8273
    markTSL
    Member

    Hello,

    I’ve got a couple of things im trying to edit but struggling to find where the code is to do it.

    1. Would like to remove the hover over function for the social media icons so they are constantly filled with their color (normal icons).

    2. Change the hover and active colors for the menu, i managed to find the menu bar and change the color for that but cant find the color settings for hover and active.

    3. Is there a way of changing the footer color and possibly adding more content into it? like adding links, images.

    4. Where the Search Bar was in the header right section (removed on my site from css i found on here) Is it possible to add text or a image in its place?

    Site is:
    http://www.st-limited.co.uk/wordpress/

    Quite a lot to ask so thanks in advance for any help given 🙂

    #8277
    markTSL
    Member

    “1. Would like to remove the hover over function for the social media icons so they are constantly filled with their color (normal icons).”

    This is now done as someone done it for me but if there is an easy code to know and put into the custom css box so i can do it in the future that would still be appreciated 🙂

    Still need help with the others though.

    #8304
    Sakin
    Keymaster

    @markTSL:
    1. Would like to remove the hover over function for the social media icons so they are constantly filled with their color (normal icons).
    — yes you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

    /* For twitter icon */
    ul.social-profile li.twitter a { background-position: -44px -43px; }
    /* For Linkedin icon */
    ul.social-profile li.linkedin a { background-position: -603px -43px; }
    /* For Youtube icon */
    ul.social-profile li.you-tube a { background-position: -87px -43px; }

    2. Change the hover and active colors for the menu, i managed to find the menu bar and change the color for that but cant find the color settings for hover and active.
    — If you upgrade to Catch Everest Pro version then you can just change the color from “Appearance => Theme Options => Color Options” box

    3. Is there a way of changing the footer color and possibly adding more content into it? like adding links, images.
    — You can just change the color code and add the following css in “Appearance => Theme Options => Custom CSS” box.
    #site-generator { background-color: #3a3d41; }

    4. Where the Search Bar was in the header right section (removed on my site from css i found on here) Is it possible to add text or a image in its place?
    — You can do that if you upgrade to Catch Everest Pro theme, where header right section can be replaced with Header Right Sidebar. Just drag and drop widget to header right sidebar.

    See more about Catch Everest Pro theme at http://catchthemes.com/theme-instructions/catch-everest-pro/

    #8358
    markTSL
    Member

    Thats excellent thanks a lot, is a great theme and support is just superb so will be getting them to upgrade it to pro! 🙂

    #10746
    Impelpro
    Member

    Bellow code works for twiter, linkedin, and youtube. How do i do the same for other icons specially i am looking for facebook, google plus, slideshare ??

    /* For twitter icon */
    ul.social-profile li.twitter a { background-position: -44px -43px; }
    /* For Linkedin icon */
    ul.social-profile li.linkedin a { background-position: -603px -43px; }
    /* For Youtube icon */
    ul.social-profile li.you-tube a { background-position: -87px -43px; }

    #10748
    Sakin
    Keymaster

    @Impelpro: Here goes the css code.

    /* For facebook */
    ul.social-profile li.facebook a {
    background-position: 0 -43px;
    }
    /* For google plus */
    ul.social-profile li.google-plus a {
    background-position: -173px -43px;
    }
    /* For slideshare */
    ul.social-profile li.slideshare a {
    background-position: -259px -43px;
    }

    #10749
    Impelpro
    Member

    Never mind i think i could manage these for acebook, google plus, slideshare as well.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Changing Social Media Icons, Menu hover colors’ is closed to new replies.