Replacing the social icons « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Broadscope

Replacing the social icons

4 posts from 2 voices

Started 1 year ago by skunkswithwings
Latest reply from skunkswithwings
This topic is closed
This topic is resolved

Tags:

skunkswithwings
Member

Hello, I'm wondering what would be the best way to get rid of all of the rss icons. I'm also looking to replace the facebook and twitter icons with my own larger custom icons. Will this affect the footer as well?

thanks in advance!

http://www.thankssounddesign.com

Posted 1 year ago #
skunkswithwings
Member

I'm also looking to do change the overall appearance of the menu. Can you point me in the right direction?

Thanks again

Posted 1 year ago #
Devin
Moderator
Hi skunkswithwings,

Add the following to your Quick CSS at the bottom of the Layout & Styling Menu:
```
.social_bookmarks .rss a {
display: none;
}
```
Now, add the following as well:
```
.social_bookmarks{
height:24px;
top:78px;
}

.social_bookmarks a{
height:24px;
width:24px;
}
```
The first class there sets the height for the container of the social links, the second class sets the size for each of the icons (24x24). So, if use bigger you'll need to adjust. To change the icons, just change the background-image for both the .twitter and .facebook class by replacing their images in the theme files or by uploading them to your site then changing the css to reflect the new spot where the images are.

The menu look is handled by the skin you are using. Its right at the top of the style sheet so look at (for example) light-skin.css from lines 38 to 105. Take a look at http://www.kriesi.at/support/topic/fyi-firebug-tutorial-for-wordpress-users if you are not already.

Regards,

Devin
Posted 1 year ago #
skunkswithwings
Member

That worked great. You've been an amazing help. It's rare to find such great service associated with an internet based company dealing digital products.

Posted 1 year ago #