Increase the size of the sharing boxes

Posted in: Newspaper
Post count: 74

Good day Support,

Please is there any way I can increase the size of the sharing boxes where you have facebook, twitter and so on… I want make it very visible… Thank you

Post count: 23312

Hi todaybase,

I suppose that you mean the top bar social icons and the footer too. You can change the size of this if you use the code below. Place this code in your Theme panel->Custom Css. With first code you can change the social icons in Top bar menu and with the second code you can change the footer social icons.

.td-social-icon-wrap .td-icon-font {
font-size: 24px;
width: 40px;
}

The result: http://screencast.com/t/9cPtMKjO

.td-social-style-X .td-icon-font {
font-size: 25px;
width: 50px;
height: 50px;
line-height: 50px;
}

Note Where X is the number of footer style used!

The result: http://screencast.com/t/YcNcyO40

If is not what you mean, please provide more details abour your problem so i can be able to provide a more accurate response.

Hope this helps and let us know how it goes!

Thank you!

Post count: 74

Hi,

I dont mean the top and footer icons…. When you open a post, those social media sharing boxes above the content/post and below that allows you to the the article….I need to make them bigger.

Please note that the icons you are referring to are not sharing social media links, but like/follow.

Post count: 74

I dont mean the top and footer icons…. When you open a post, those social media sharing boxes above the content/post and below that allows you to the the article….I need to make them bigger.

Please note that the icons you are referring to are not sharing social media links, but like/follow.

Post count: 23312

Hi todaybase,

Please try the code below for social media sharing boxes above the content

.td-social-sharing-buttons {
height: 55px;
min-width: 70px;
padding-top:16px;
font-size: 15px;
}
.td-social-pinterest .td-icon-pinterest {
font-size: 24px;
}
.td-social-google .td-icon-googleplus {
font-size: 24px;
}

Result: http://screencast.com/t/B85XCRgh

Also, please try the code below for social media sharing boxes below the content

.td-post-sharing-bottom .td-social-sharing-buttons {
height:60px;
min-width:60px;
padding-top:20px;
font-size:15px;
}
.td-social-google .td-icon-googleplus {
font-size: 20px;
}
.td-post-sharing-bottom .td-social-google i {
left: 4px;
}
.td-social-pinterest .td-icon-pinterest {
font-size: 20px;
left:2px;
}

Result: http://screencast.com/t/LEIWll9Izn

Place the both code in Theme panel->Custom Css area!

I hope this helps and let us know how it goes!

Thank you!

Post count: 74

Perfectly resolved.

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