Share This box height

[davidbrodgers]

Is there a way, using the custom CSS, to increase the height of the “Share This” box to be the same height as the Tabs (I think this is about 42 pixels).

Thanks in advance!

[Swift Ideas – Ed]

Hi there,

Is this the share shortcode, or the asset on the post page/product/portfolio?

– Ed

[davidbrodgers]

Hi Ed, yes this is the social_share shortcode I’m trying to modify.

Thanks,

[Swift Ideas – Ed]

The social share is much harder to change than the tabs, so we could provide some css to make them smaller? Are you referring to the page builder tabbed asset?

– Ed

[davidbrodgers]

This reply has been marked as private.

[Tahir – SUPPORT]

Hi,
You can use this custom css to make the social share height same.

.share-links .share-text {
padding: 9px 16px;
}

I am afraid its not possible to make the tabs full width.

All the Best
-Tahir

[davidbrodgers]

Hi Tahir,

Thanks for the update. This seems to have worked, however, now the social icons have a few pixel gap between them and the container outline.

Is there anyway to increase the size of the icons as well, using CSS, so they fit “snuggly” inside the container?

[Tahir – SUPPORT]

Hi,
Use this please note that these are site wide changes not page specific if you want the changes to be page specific use this class before the css properties ‘.postid-12491 div.sharelinks …’

div.share-links ul.social-icons li:not(.sf-love) a {
height: 40px;
}

div.share-links ul.social-icons li {
height: 40px;
}

All the Best.

-Tahir