rwp

$('section.ProductItem-details').html( $('section.ProductItem-additional').html() ); $('section.ProductItem-additional').html(''); This jQuery would do it, but personal accounts don't allow code injection.

Do you have a premium account?

Do you want to remove the text on the right, and replace it with the description, or keep it all?

To add CSS, go to Design -> Custom CSS I can get you the url, but the pop up needs to be active on your page, and its turned off again.

.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].overlay-mobile-styles-enabled .group-copy { background: url("IMAGE URL"); }

If you can set it back up, I will check it out.

I am not seeing the popup at all on your page. Is it still active?

Please post a link to your page, thanks.

jQuery, see instructions in my signature for setting this up. $(document).ready(function() { var col = ["#FFCCCC", "#CCAFFF", "#A6BEFF", "#99FFFF", "#D5CCBB", "#99FF99", "#FFFF99", "#FFCC99", "#CCCCCC"]; var i = 0; changeColor(); function changeColor() { $('body').attr('style', 'background-color: ' + col[i] + ''); if (i < 8) { i++; } else { i = 0; } setTimeout(changeColor, 5000); } });

Design -> Custom CSS #collection-5d9e61daa14e5155ed7c3773 #footerBlocksTop { display: none; } That is your bio page. you will need an additional block of code, with a different #collection for each page that you want to hide it from. If you send me the exact pages, I can get those for you.

Which pages do you want it removed from?

@GabrielaS Happy to help

[data-section-id="5edbdd7789d95f3735d2f0ed"] .section-background-overlay { background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%) !important; }

@media screen and (max-width:960px) { .Index-page-content { padding-top: 120px; padding-bottom: 120px; } } @media screen and (max-width:640px) { .Index-page-content { padding-top: 60px; padding-bottom: 60px; } } This is what is causing the headings to be cut off, squarespace is shrinking the padding at a screen width of 640px @media screen and (max-width:640px) { .Index-page-content { padding-top: 80px !important; padding-bottom: 80px !important; } } This should fix it. @media screen and (max-width:960px) { #block-yui_3_17_2_1_1592315790530_4759 { display: none; } } There's a spacer in your blog page on mobile, that will hide it.

This jQuery code will change the image to blank.gif for 4 seconds and then change it back to your image. You can adjust the time if needed, but it seem like the video loads in that amount of time. If you don't want to upload a blank image, it looks like this is free to use. https://en.wikipedia.org/wiki/File:Clear.gif but confirm for yourself on the usage stuff. var imgSRC = $('.custom-fallback-image').attr('src'); $('.custom-fallback-image').attr('src', 'blank.gif'); $(document).ready(function () { setTimeout(function () { $('.custom-fallback-image').attr('src', imgSRC); }, 4000); });

@lieslmaduro See here:

jQuery 3.5.1 (you will need to add in the jQuery script as well, its available from https://code.jquery.com/ I use minified. Upload the image that you want to use as the top image to the header in Squarespace Supply the url for top image and scroll image (its important that this matches the one you uploaded) The code will set the image class to "logo", it does this by using your alt tag, which is the only identifier Squarespace gave that img tag. After scrolling more than 100px, it will replace the image, change the value from 50 if you want it more or less. var topIMG = ""; var sclIMG = ""; $('img[alt="Gabriela Silveira"]').attr("class", "logo") $(window).scroll(function() { var value = $(this).scrollTop(); if (value > 50) $(".logo").attr("src", sclIMG); else $(".logo").attr("src", topIMG); });

You will need to find the block- ID for each image, and do this. You will also need a static and dynamic image uploaded in the files and to link them in the code. So the last 2 blocks of code will need to be repeated 20 times for 20 images, changing the block- ID .thumb-image.loaded { display: none; } #block-yui_3_17_2_1_1592964324330_57866 .image-block-wrapper.has-aspect-ratio { background: url("STATIC IMAGE"); } #block-yui_3_17_2_1_1592964324330_57866 .image-block-wrapper.has-aspect-ratio:hover { background: url("PLAYING IMAGE"); }

.btn-text.preview-comment.top-level-preview-btn { color: #000; }

This line of jQuery will find the span with "Back" and replaces it with "Tilbake" $( "span:contains('Back')" ).html("Tilbake")

.squarespace-comments .new-comment-area .input form.comment-form textarea { color: #000; }

Put the line in, and use css to hide the line above a certain screen width. Or you could set the bottom border below a certain screen width.

Great!

Alright, so I poked around a bit more. It's hard to see whats really going on without being logged into your page, but something about it is set up differently than mine. Lets start with the basics, is it a gallery block? If so, do your settings look like this?

I will try to check it out a bit more later on. If I can get the anchor links fixed at some point today.