AddThis plugin not displaying properly

Hi Steve,

I took a look at the template being used on the site and I’m seeing that the AddThis buttons are showing up correctly when they are within the actual content section, but the other elements on the page are part of sticky columns:

https://screencast.com/t/ChGYDlGdlWpr

Can you clarify whether you just want the buttons to appear within the content section or would you prefer they also appear within each sticky column?

Hi Matt,

I’d like AddThis buttons in the content and sticky sections please.

Thanks,
Steve

Hi Steve,

Please try the following custom CSS:

.sticky .addthis_button_facebook_like, .sticky .addthis_button_tweet, .sticky .addthis_button_pinterest_pinit, .sticky .addthis_counter
{
display: inline-block;
float: none;
}
.sticky .addthis_button_facebook_like, .sticky .addthis_button_tweet
{
vertical-align: top;
}

@addthis_matt thanks for the reply

Excellent, thanks @cyberchimps, thanks @addthis_matt.

At the moment, the AddThis buttons are now sequential, but the content above them doesn’t clear the AddThis buttons down to the next line: https://dev.foracure.org.au/

How do I ensure the AddThis buttons are on their own line?

Thanks,
Steve

Hi Steve,

Sorry for the late reply.
I took a look at the website and tried the plugin at my end.
Can you please let me know the plugin settings that have been used to insert the social icons ?
I was wondering if they were added manually, maybe we could alter the HTML structure and try again.

Thanks

Hi,

Not a problem. Thank you very much for following up.

Here are the addthis options.

Thanks.
Steve

Hi Steve,

Thanks for sharing the plugin options. But I could not replicate the exact HTML structure as present on the website.
Some of the methods to bring the icons on the next line may be as follows:
1. Modifying HTML and adding a <div>
2. You can refer : https://stackoverflow.com/questions/10000674/make-an-a-tag-move-onto-a-new-line-without-using-displayblock

Hope this helps.
Thanks.

Hi,

The problem is that the sticky posts on the front page are not displaying post content sentences inside of <p> tags, even when explicitly added to the post.

If <p> tags were added to the sticky post sentences, the problem would not exist.

Regards,
Steve

Hi Steve,

I checked once again, but like I said earlier, I could not exactly replicate the issue. Since your site is using child theme, it has been customized. Hence the structure is slightly different.
The only other option I can currently think of is adding a <div> tag instead of <p> tag.
Can you please try adding <div> tag ?

Regards,
CyberChimps

Okay thanks.

Where do I add the <div> tag please?

Hi,

I guess may be you can try adding the <div> tags in the same place where you tried adding the <p> tags (as mentioned in your previous post)

Thanks.