Larger Icons

2 posts from 2 voices

• Started 1 year ago by bbihun12
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   bbihun12
   Member

   I added a linkedin social icon to the footer. Is there a way to change the dimensions so that I can add larger icons.

   Also, is there a way to add more social icons via the admin panel in the footer options through an xml file?

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   1) You need to use bigger icons. You can replace the existing ones or you need to change the image paths in style1/2/3.css
   Search for:
   

   .wrapper #footer .social_bookmarks .rss a{background: transparent url(../images/skin1/rss_16.png) 0 0  no-repeat;}
   .wrapper #footer .social_bookmarks .facebook a{background: transparent url(../images/skin1/facebook_16.png) 0 0  no-repeat;}
   .wrapper #footer .social_bookmarks .twitter a{background: transparent url(../images/skin1/twitter_16.png) 0 0  no-repeat;}
   .wrapper #footer .social_bookmarks .flickr a{background: transparent url(../images/skin1/flickr_16.png) 0 0  no-repeat;}

   and replace the image paths.

   Then you need to adjust following code in style.css:

   .wrapper #footer .social_bookmarks li{
   float:left;
   margin:0;
   width:16px;
   margin-right:7px;
   }
   
   .wrapper #footer .social_bookmarks li a{
   height:16px;
   width:16px;
   display: block;
   float:left;
   text-indent: -9999px;
   border:none;
   padding:0;
   }

   Replace th width and height values (16px) with your desired dimensions.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.