lieslmaduro Posted October 13, 2020 Share Posted October 13, 2020 Site URL: https://www.angeliquemartina.com/articles-archive/article-1 Hi, I'm trying to move the Squarespace comment box on blog pages. So that it will show up above the 'Other articles' summary block. It's now placed automatically right above the footer. Can anyone help? Link to comment
tuanphan Posted October 14, 2020 Share Posted October 14, 2020 I see fine here. Did you solve? 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
lieslmaduro Posted October 14, 2020 Author Share Posted October 14, 2020 I tried, by creating a code block with html (see below) But now I'm getting this. So I'm not sure I solved it. <section class="blog-item-comments"> <div class="blog-item-comments-toggle-wrapper"> <div id="blogItemCommentsContent" class="blog-item-comments-content" data-content-field="comments" style="z-index: 1; position: relative; cursor: pointer;"> <div id="comments-5eeb4e234d4d4012b8f6c372" class="p-comment"> <div class="squarespace-comments empty" id="comments-5eeb4e234d4d4012b8f6c372" data-item-id="5eeb4e234d4d4012b8f6c372" data-public-comment-count="0" data-comment-state="1"><div class="comments-content" style="opacity: 1;"><section id="comments"> <!--COMMENTS HEADER--> <div class="header-controls"> <div class="controls"> <h3 class="comment-count"> <span>Comments (0)</span> </h3> <div class="comment-controls"> <span class="comment-sort"> <span>Newest First</span> <select class="hidden-ordering"> <option value="1">Oldest First</option> <option value="2" selected="selected">Newest First</option> </select> </span> <span class="subscribe subscribe-control">Subscribe via e-mail</span> </div> </div> </div> <!--NEW COMMENT TOP--> <div class="new-comment-area top-level-comment-area edit-mode logged-in-commenting-unsupported"> <!-- <span class="squarespace-comment-login"></span> <div class="new-comment-title">Add Comment</div>--> <div class="input"> <form action="#" method="post" class="comment-form"> <textarea class="comment-input" name="comment" data-defaulttext="Leave a comment here." data-edited="false"></textarea> </form> </div> <div class="comment-btn-wrapper"> <span class="btn-text preview-comment top-level-preview-btn">Preview</span> <!--toggle class on .new-comment-area to hide/show the appropriate button below <span class="btn-text edit-comment">Edit</span>--> <span class="comment-btn sqs-system-button sqs-editable-button-font sqs-editable-button-shape">Post Comment…</span> </div> </div> <!--COMMENT LIST--> <div class="comment-list avatars-hidden" id="yui_3_17_2_1_1602596854699_661"> </div> </section></div></div> </div> </div> </div> </section> Link to comment
tuanphan Posted October 14, 2020 Share Posted October 14, 2020 Can you remove your code? We will check easier. Also do you use Personal Plan or higher? 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
lieslmaduro Posted October 14, 2020 Author Share Posted October 14, 2020 Thank you so much for checking it out. I removed the code. And I'm using a Business plan. Link to comment
tuanphan Posted October 16, 2020 Share Posted October 16, 2020 On 10/14/2020 at 5:58 PM, lieslmaduro said: Thank you so much for checking it out. I removed the code. And I'm using a Business plan. Add to Blog Page Settings > Advanced > Header <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('section.blog-item-comments').insertBefore('.sqs-block-summary-v2'); }); </script> -- If you need to create Related Posts, you can use this plugin. Quote The plugin will automatically add a summary block if it finds related posts based on categories and tags of the current post. All options of Summary Block will be available for customization. The current post will be hidden. 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
lieslmaduro Posted October 16, 2020 Author Share Posted October 16, 2020 Thank you so much! Worked perfectly! Link to comment
Terhi Posted March 11, 2022 Share Posted March 11, 2022 Question about this same topic. I'm trying to add text and code block under the comment box. How to do it? The code above wasn't enough. I'm using also the business plan. Link to comment
tuanphan Posted March 13, 2022 Share Posted March 13, 2022 On 3/11/2022 at 6:59 PM, Terhi said: Question about this same topic. I'm trying to add text and code block under the comment box. How to do it? The code above wasn't enough. I'm using also the business plan. Just a simple text or? We can give code easier. 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
MF0708 Posted December 18, 2023 Share Posted December 18, 2023 On 10/15/2020 at 10:24 PM, tuanphan said: Add to Blog Page Settings > Advanced > Header <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('section.blog-item-comments').insertBefore('.sqs-block-summary-v2'); }); </script> -- If you need to create Related Posts, you can use this plugin. Hi @tuanphan, I'm hoping to change the order of things on my blog posts. For example: https://www.meghanfandrich.com/blog/fallen-leaf Recently updated to Business plan. I downloaded & installed the Related Posts plugin, above. On blog posts, I'd like the blog elements to appear in this order: Body text & photos Author bio Newsletter signup Related posts (using plugin) Tags Comments Footer Is that possible? Thanks, Meghan Link to comment
tuanphan Posted December 19, 2023 Share Posted December 19, 2023 23 hours ago, MF0708 said: Hi @tuanphan, I'm hoping to change the order of things on my blog posts. For example: https://www.meghanfandrich.com/blog/fallen-leaf Recently updated to Business plan. I downloaded & installed the Related Posts plugin, above. On blog posts, I'd like the blog elements to appear in this order: Body text & photos Author bio Newsletter signup Related posts (using plugin) Tags Comments Footer Is that possible? Thanks, Meghan Move this only? 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
MF0708 Posted December 19, 2023 Share Posted December 19, 2023 1 minute ago, tuanphan said: Move this only? Yes please! Link to comment
tuanphan Posted December 20, 2023 Share Posted December 20, 2023 On 12/19/2023 at 7:51 AM, MF0708 said: Yes please! Can you enable Comment box? Now it doesn't show comment here 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
MF0708 Posted December 20, 2023 Share Posted December 20, 2023 6 hours ago, tuanphan said: Can you enable Comment box? Now it doesn't show comment here Sorry, yes, enabled now! And I'll stop adjusting things. : ) Link to comment
tuanphan Posted December 21, 2023 Share Posted December 21, 2023 14 hours ago, MF0708 said: Sorry, yes, enabled now! And I'll stop adjusting things. : ) Add to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('section.blog-item-comments').insertBefore('div.blog-item-content-wrapper div.newsletter-block'); }) </script> 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
MF0708 Posted December 21, 2023 Share Posted December 21, 2023 16 hours ago, tuanphan said: Add to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('section.blog-item-comments').insertBefore('div.blog-item-content-wrapper div.newsletter-block'); }) </script> Thanks! I'm trying to move up the author profile, however, not the comments. Is there a way to move it instead? Link to comment
tuanphan Posted December 22, 2023 Share Posted December 22, 2023 10 hours ago, MF0708 said: Thanks! I'm trying to move up the author profile, however, not the comments. Is there a way to move it instead? You mean move author above newsletter and keep comment still at bottom of page? 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
MF0708 Posted December 22, 2023 Share Posted December 22, 2023 9 hours ago, tuanphan said: You mean move author above newsletter and keep comment still at bottom of page? Yes -- like this: Link to comment
tuanphan Posted December 23, 2023 Share Posted December 23, 2023 On 12/21/2023 at 1:06 PM, tuanphan said: Add to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('section.blog-item-comments').insertBefore('div.blog-item-content-wrapper div.newsletter-block'); }) </script> Use this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.blog-item-author-profile-wrapper').insertBefore('div.blog-item-content-wrapper div.newsletter-block'); }) </script> MF0708 1 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment