lieslmaduro

Site URL: https://hoficascora.squarespace.com/ I am trying to create a portfolio hover effect on the homepage. When hovering over the different items, the background image changes (which is good), but the header background also keeps appearing. I've tried changing the header to transparent etc. but no luck yet. Any idea on how to fix this?

Thank you so much! Worked perfectly!

Thank you so much for checking it out. I removed the code. And I'm using a Business plan.

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>

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?

Any luck @GabrielaS? I am having the exact same issue!

Have the same problem. This seems like a bug? But Squarespace helpdesk says they can see the hover effect on my site.