Viewing 7 replies - 1 through 7 (of 7 total)
  • Add this to custom.css:

    .entry.share { padding-right: 0; padding-left: 100px; }
    .sharrre-container { float: left; margin-right: 0; margin-left: -100px; }

    Thread Starter JackGraal

    (@jackgraal)

    a blank space showed up to the left, but the share buttons rendered in the middle of the post covering it.

    Ah, you need to float entry-inner right too:

    .entry.share { padding-right: 0; padding-left: 100px; }
    .entry.share .entry-inner { float: right; }
    .sharrre-container { float: left; margin-right: 0; margin-left: -100px; }

    Thread Starter JackGraal

    (@jackgraal)

    Thanks a lot ??

    Thread Starter JackGraal

    (@jackgraal)

    Oh no, on mobile devices there is a blank space in the left and the sharrre buttons are below content. Is it possible to get rid of this blank space on mobile devices and keep the buttons below?

    Try this custom css instead:

    @media only screen and (min-width: 720px) {
    .entry.share { padding-right: 0; padding-left: 100px; }
    .entry.share .entry-inner { float: right; }
    .sharrre-container { float: left; margin-right: 0; margin-left: -100px; }
    }

    Thread Starter JackGraal

    (@jackgraal)

    Awesome, thank you again ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Sharrre buttons – how to change from right to left side?’ is closed to new replies.