Jump to content

Change position of Sharethis social links in 7.1

Go to solution Solved by tuanphan,

Recommended Posts

Would anyone know how I can change the position of Sharethis social buttons from the current default of bottom of blog article to another position....for example right up top of the article?

Currently the following code is pasted in Blog Settings -> 'Blog Post Item Code Injection':

<!-- ShareThis BEGIN --><div class="sharethis-inline-share-buttons"></div><!-- ShareThis END -->
Link to comment
  • Replies 7
  • Views 345
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('.blog-item-injection').insertAfter('.blog-item-meta-wrapper');
	});
</script>
<style>
  .blog-item-injection {
    order: 1;
}
</style>

image.thumb.png.edcc7ec61b673dc819f2ca053e95a516.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 2/2/2023 at 4:33 AM, simon.stjohn said:

Hi @tuanphan Thank you so much!

Can I ask (sorry to be a bother!) but if I wanted it ABOVE the 'Central Bali' (which is the Category Meta) what would the code be?

I am thinking now it might be better above everything entirely....

Would I just change 

.insertAfter

to

 

.insertBefore

Would that work?

Yes. Change it to .insertBefore

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
On 2/16/2023 at 10:49 AM, simon.stjohn said:

@tuanphan Thank you so much! I am so happy with the outcome. A little space under it would be great...but otherwise it is perfect!

Add this code under

<style>
  .blog-item-injection {
    margin-bottom: 40px;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.