BCTT link affects font of paragraph directly below it

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!

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!

Hi Ben,

Thank you for your response, please use this link to see this issue: https://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

Hi Danyel,

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

https://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!