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

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

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?