Search
Skip to content
  • Knowledge Base
Sassy Social Share, Super Socializer WordPress

How to Place Title and Social Share Icons in the Same Row?

March 30, 2019 admin

Use following CSS to place title at the left side of Social Share icons.

If using Sassy Social Share:
div.heateor_sss_horizontal_sharing div{float:left;line-height:32px;margin-right: 6px;}div.heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul{float:left}
If using Super Socializer:
div.the_champ_horizontal_sharing div{float:left;line-height:32px;margin-right: 6px;}div.the_champ_horizontal_sharing ul.the_champ_sharing_ul{float:left}
Use following CSS to place title at the right side of Social Share icons.

If using Sassy Social Share:
div.heateor_sss_horizontal_sharing div{float:right;line-height:32px;margin-left: 6px;}div.heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul{float:right}
If using Super Socializer:
div.the_champ_horizontal_sharing div{float:right;line-height:32px;margin-left: 6px;}div.the_champ_horizontal_sharing ul.the_champ_sharing_ul{float:right}
Keep line-height in above CSS the same as the height of social share icons.

You can add above CSS in Custom CSS option in Miscellaneous section at plugin options page (if using Sassy Social Share) or in Custom CSS option at Super Socializer > General Options page in admin area.

sharing titletitle and icons same row

Post navigation

Previous PostHow to Recover Facebook Comments Lost After Moving to Https/SSL?Next PostWhy the Color of Share Icons is not Being Updated?

Get Social!!

Best social tools to boost user engagement at your WordPress website. Used by 150000+ websites

Try it now
Facebook
Tweets by @heateor
© 2022 Heateor | Terms | Privacy
Proudly powered by WordPress