Title position and Button/Icon Padding

  • Resolved rhaims

    (@rhaims01)


    7 years, 1 month ago

    Can you tell me how to have the title on the same line as the share icons. Im usung the shortcode and have it in one line in wordpress but it breaks to 2 line on front end. This is the code in a text module…
    Share this Page:[Sassy_Social_Share]

    Notice – all in 1 line on back end.

    Also tried the shortcode with the title attribute
    [Sassy_Social_Share title=”Share this Ppage”]

    But got same results.

    Also where can I adjust the spacing between the buttons?

    Thank You

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter rhaims

    (@rhaims01)

    Update on title position. I found this on you site and tried it but still didnt work…
    div.heateor_sss_horizontal_sharing div {
    float: left;
    line-height: 24px;
    margin-right: 6px;
    }

    Still have not been able to alter spacing of buttons,

    hope this helps, thanks

    Plugin Author Heateor Support

    (@heateor)

    Update on title position. I found this on you site and tried it but still didnt work

    Would you enable share icons with this CSS applied so that we can have a look?

    Thread Starter rhaims

    (@rhaims01)

    Its on this page with css applied in the Miscellaneous / custom CSS section…

    https://www.rosssolar.com/why-ross-solar/spring-2018/

    right above the footer under the “Get a FREE Solar Analysis Today!” button

    Plugin Author Heateor Support

    (@heateor)

    We can see the Facebook share, Linkedin share and Twitter Tweet buttons but you have specified the title yourself manuall. You need to use the title attribute of the shortcode with the CSS.

    Thread Starter rhaims

    (@rhaims01)

    OK Ive added the title now how do I decrease the spacing between buttons?

    Plugin Author Heateor Support

    (@heateor)

    We are still seeing the title added manually. Maybe you need to clear the cache.

    how do I decrease the spacing between buttons

    You can add following CSS in the Custom CSS option:

    div.heateor_sss_horizontal_sharing li{
    width: 68px !important;
}
    Thread Starter rhaims

    (@rhaims01)

    Hi,
    No all caches are clear.
    This is the code Im using for title:

    [Sassy_Social_Share title=”Share This Page: “]

    Ive tried the css you gave me and its not working.

    Thank You

    Plugin Author Heateor Support

    (@heateor)

    It seems to be fine now.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Title position and Button/Icon Padding’ is closed to new replies.