Misalignment of "Share This" button: dots…

  • Resolved ArtHScience

    (@arthscience)


    10 years ago

    I’m getting two little grey dots on either side of my “Share This” button, which is set to show up under each new post.

    It looks dreadful and I’m not sure how to fix the alignment.

    Any ideas would be most appreciated. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • cornelisonc

    (@cornelisonc)

    It sounds like the tiny dots are probably being generated because of <li> elements in the ShareThis HTML. If you provide a link to the page it’s showing up on, I can tell you the CSS to use to remove them.

    Thread Starter ArtHScience

    (@arthscience)

    Thank you so much, cornelisonc. ??

    Here’s a link.

    cornelisonc

    (@cornelisonc)

    No problem! Happy to help. It looks like I was right, those dots are being generated by your stylesheet, so we’ll have to add an exception for everything in the Share This plugin’s area. If you add this at the very bottom of styles.css, it should fix your problem:

    .sd-content ul li:before, .sd-content ul ul li:before, .sd-content ul ul ul li:before {
	content: ' ';
}

    What I’m doing here is remove the before: content that was being added on all of the <ul> elements by your stylesheets and replacing it with a blank space for alignment. Let me know how that works out for you!

    Thread Starter ArtHScience

    (@arthscience)

    Thank you so much for your help, cornelisonc! That worked perfectly. ??

    cornelisonc

    (@cornelisonc)

    Awesome! I’m glad to hear it. Would you please mark this topic as [resolved] ? Thanks!

    Thread Starter ArtHScience

    (@arthscience)

    Sure thing. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Misalignment of "Share This" button: dots…’ is closed to new replies.