Comments 12MeesterGijs started the conversationNovember 12, 2023 at 11:03amHello,I used this code a few months ago. But it's no longer working. Any idea how I can get the product image to take 25% of the width and not 50%? And then move the text block at the right more to the left?@media(min-width:768px){.single-product.woocommerce div.product .row .col-md-6:nth-child(1){flex: 0 0 25% ;}.single-product.woocommerce div.product .row .col-md-6:nth-child(2){flex: 0 0 75% ;}}Thanks!Gijs[deleted] repliedNovember 14, 2023 at 1:37pmPlease try adding this custom css in your wp-admin-> appearance-> customize -> custom css : @media(min-width:768px){ .single-product.woocommerce div.product .row .col-md-6:nth-child(1){flex: 0 0 25% !important;width:25%;} .single-product.woocommerce div.product .row .col-md-6:nth-child(2){flex: 0 0 75% !important;width:75%;}} 12MeesterGijs repliedNovember 14, 2023 at 2:36pmWorked! Thank you Sign in to reply ...
Hello,
I used this code a few months ago. But it's no longer working. Any idea how I can get the product image to take 25% of the width and not 50%? And then move the text block at the right more to the left?
@media(min-width:768px){.single-product.woocommerce div.product .row .col-md-6:nth-child(1){flex: 0 0 25% ;}
.single-product.woocommerce div.product .row .col-md-6:nth-child(2){flex: 0 0 75% ;}
}
Thanks!
Gijs
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
@media(min-width:768px){
.single-product.woocommerce div.product .row .col-md-6:nth-child(1){flex: 0 0 25% !important;width:25%;}
.single-product.woocommerce div.product .row .col-md-6:nth-child(2){flex: 0 0 75% !important;width:75%;}
}
Worked! Thank you