- This topic has 6 replies, 3 voices, and was last updated 10 years, 11 months ago by Impelpro.
-
AuthorPosts
-
May 2, 2013 at 5:11 pm #8273markTSLMember
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 🙂
May 2, 2013 at 6:26 pm #8277markTSLMember“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.
May 2, 2013 at 11:04 pm #8304SakinKeymaster@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” box3. 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/
May 3, 2013 at 1:22 pm #8358markTSLMemberThats excellent thanks a lot, is a great theme and support is just superb so will be getting them to upgrade it to pro! 🙂
June 20, 2013 at 9:42 am #10746ImpelproMemberBellow 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; }June 20, 2013 at 10:17 am #10748SakinKeymaster@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;
}June 20, 2013 at 10:19 am #10749ImpelproMemberNever mind i think i could manage these for acebook, google plus, slideshare as well.
-
AuthorPosts
- The topic ‘Changing Social Media Icons, Menu hover colors’ is closed to new replies.