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

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

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 PostFancy Facebook Comments Shortcode

Get Social!!

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

Try it now
Facebook
© 2025 Heateor | Terms | Privacy
Proudly powered by WordPress