Social Icon sizes

Posted in: Newspaper
Post count: 4

In the newspaper theme, how can i change the size and image of the social icons on the top menu and the footer?

Post count: 22421

Hello,

You can use custom css to increase their size as we use fonts for these icons:

.td-social-icon-wrap .td-icon-font{
font-size: 26px;
width: 48px;
height: 35px;
line-height: 36px;
}

.td-social-style-2 .td-icon-font {
font-size: 26px;
width: 48px;
height: 48px;
line-height: 46px;
}

You can change the values in the code to get the results you want.
Thank you!

Post count: 4

Great worked very well 🙂

One last thing, it possible to move the the social icons on the top bar down to the main menu bar on the right side of the search icon? http://puu.sh/ndOJI/e57ba821c7.jpg

Post count: 22421

Hello,
It is possible but it will require a bit of css knowledge to adapt it to your own case. You can remove the this code from the specific top bar template you use: http://screencast.com/t/cNbVHo90SN
Then you need to paste the code in the header-menu file: http://screencast.com/t/uSStTxxMGVLJ
It will require further customization for positioning though.
Thanks.

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