Support » Plugin: Better Click To Tweet » BCTT link affects font of paragraph directly below it

  • Resolved danisadiufl

    (@danisadiufl)


    I am using BCTT, but when I create a BCTT link, the paragraph directly below it has its font & font size changed, every time I create a tweetable link. Please advise! I greatly appreciate your help.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter danisadiufl

    (@danisadiufl)

    This issue is occurring on all sites I apply this plugin. Here is another example: https://blogs.test.ifas.ufl.edu/brevardco/2021/03/02/healthy-habits-making-them-stick/ I greatly appreciate your help!

    Plugin Author Ben Meredith

    (@benmeredithgmailcom)

    Hi there,

    When I check the link you’ve included (both of them) they are not working. This is definitely something I’ll need to see in the wild in order to resolve. I’ve attempted to replicate it on my test sites and nothing displays incorrectly anywhere.

    Can you get a link that i can see it? I would assume the link you are using there requires a VPN or something in order to view.

    Happy to get to the bottom of this!

    Thread Starter danisadiufl

    (@danisadiufl)

    Hi Ben,

    Thank you for your response, please use this link to see this issue: http://blogs.ifas.ufl.edu/testdanyel/2020/10/01/wild-weeds-weed-of-the-month-lantana/.

    Looking forward to your help so we can use this plugin!

    Thank you,
    Danyel

    Plugin Author Ben Meredith

    (@benmeredithgmailcom)

    Hi Danyel,

    I made a screencast showing what I see here. You can watch that here:

    http://somup.com/crhbqpFRzn

    The short version is that for some reason the theme is styling _anything_ that comes after _any_ <span> element within the article. That’s something they should not be doing. Here’s a workaround that might prevent that from happening. Add this to your site’s CSS:

    .article .bctt-click-to-tweet+p {
        color: #333;
        font-size: 1em;
        line-height: 1.7;
        letter-spacing: .5px;
        font-weight: 400;
    }

    Note that that’s essentially a very hacky way of fixing what’s a fairly bad practice in that theme, but it should work!

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.