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?