simon.stjohn Posted January 18, 2023 Share Posted January 18, 2023 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
simon.stjohn Posted January 19, 2023 Author Share Posted January 19, 2023 Hoping someone might be able to help with this? I should have added an example page:https://www.blog.baligram.me/blog/traverse-the-campuhan-ridge-walk-in-ubud-bali Currently the share buttons are down the bottom and it would be great to be able to locate them to between the Category and Title (another way is to say above the title) Link to comment
Solution tuanphan Posted January 26, 2023 Solution Share Posted January 26, 2023 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> 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
simon.stjohn Posted February 1, 2023 Author Share Posted February 1, 2023 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? Link to comment
tuanphan Posted February 3, 2023 Share Posted February 3, 2023 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
simon.stjohn Posted February 16, 2023 Author Share Posted February 16, 2023 @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! Link to comment
tuanphan Posted February 21, 2023 Share Posted February 21, 2023 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
simon.stjohn Posted February 23, 2023 Author Share Posted February 23, 2023 @tuanphan Thank you again! I am so grateful to you for taking the time to share this further enhancement...it works just perfectly. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment