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) { div##block-yui_3_17_2_1_1595032695355_20556 .span-12>.row>.col { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1595884548965_230854 .span-12>.row>.col { width: 50% !important; float: left !important; } } Anyone able to assist please? Thank you site: www.cocosatelier.co.uk pass: caview23

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

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

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 hidden */ div#block-yui_3_17_2_1_1594737404430_275 .image-block-wrapper { overflow: visible !important; } /* overlap image */ div#block-yui_3_17_2_1_1594737404430_273 img { width: auto !important; bottom: -20% !important; top: unset !important; right: 0; z-index: 999; } My website: www.cocosatelier.co.uk password: caview23 Any help would be very appreciated, thank you in advance. Chanel

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?