CocosAtelier

Hi I am having similar issues. I have 4 poster blocks on my homepage which on tablet view I would like to display 2 per row so that they remain square. I have tried the following code but it does not work. @media screen and (min-width:768px) and (max-width:991px) { div#block-yui_3_17_2_1_1595032695355_19528 .span-12>.row>.col { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1595032695355_17174 .span-12>.row>.col { width: 50% !important; float: left !important; } @media screen and (min-width:768px) and (max-width:991px)

Ah makes sense! Thanks so much! That has worked 🙂

Hi all, I have an image card overlapping the hero image on my site. It has left a big space under the image card. Anyone able to help with this? I did try reducing the padding but it won't allow me to put minus figures. Any help with be much appreciated, thank you! site: cocosatelier.co.uk pass: caview23

@media screen and (max-width:767px) { .header--menu-open .header-title-logo a { background-image: url(https://static1.squarespace.com/static/5ef667034be66b3bb1dba158/t/5f0d1d13e4b78a3c9795904e/1594694931664/LogoBeige-01.png); background-size: cover; background-repeat: no-repeat; } } @ScribblePie Is this the code you used?

Hi all, I have used the updated code by schwartz-edmisten but would like the code to target specific images only and not background images as a whole. Does anyone know how to do this please? Thanks in advance

Hello all, I am wondering if it is at all possible to split a section into 3? I have managed to split a section into 2 but my code doesn't work if I add another section to ultimately split into 3. Hope that makes sense. Thanks so much in advance, Chanel

Hi all, Is it possible for me to split a section into 3? I have split sections in half via the following code: @media only screen and (min-width: 641px){ #collection-5eeab6f63e3c7674efe5c5ea { #page .page-section:nth-of-type(3) { width: 50%; min-height: 100vh; align-items: left; float: right; } #page .page-section:nth-of-type(4) { width: 50%; min-height: 100vh; align-items: right; } } } Any help would be much appreciated. Thanks so much in advance. Chanel

Hi Tuan, Thank you for your help. The diamond link: https://images.squarespace-cdn.com/content/5eea9f18d522a654baa80b9b/1594577282957-FV6G7A5E5K82HZNFQW4H/diamond.png?content-type=image%2Fpng Your code has worked for me but I was wondering if there is a way of locking it into place so it does not shift to another position on any screens? Is that possible? Also how can I make it smaller? I tried to resize it by adding the width but it moved the position also. Thank you so much Chanel

@media screen and (max-width:767px) { .header--menu-open .header-title-logo a { background-image: url(enter the image url in these brackets); background-size: cover; background-repeat: no-repeat; } }

Sorry misread this. I will send you the code

@media screen and (max-width:767px) {.header-menu-bg.theme-bg--primary { background: #insertcode !important; ^add your beige hex code here

Hi all, I have a little diamond image that I I would like to overlap the hero. You will see the hero image actually has the diamond on it but rather than displaying it that way I would like for the png that I added to overlap that section so it looks better on the parallax. I have this code but can't get it to work. /* remove section bottom padding */ [data-section-id="5ef91d882801f1255c12e37b"] .content-wrapper { padding-bottom: 0 !important; } /* remove overflow h

Hi there I am having the same issue except I would like to extend the size of my background section.... I would like it to be taller so that the text overlapping has more space. Does anyone have the code for me please?