Return to previous page

Change Product layout to 5/4 - by mrdinh2008

This topic has 6 replies, 2 voices, and was last updated 7 years, 6 months ago ago by Olga Barlow

mrdinh2008

Participant

April 28, 2017 at 18:19

Hi,I have a question. I want to change single product layout to 5/4 for content and images. So how i can change it.
Many thanks.

Photo capture.
https://lh3.googleusercontent.com/oauxilpzgGGLKX90K6Hxpk1TjepmJ2HuCQMhv9oGGNs-qwGewodajejDE1ZezHovets6jk29lzorHKk=w1920-h950-rw

#161725 Copied Theme version: 3.12 WooCommerce version: 3

5 Answers
Olga Barlow

Support staff

May 4, 2017 at 14:07
Hello,

Unfortunately, I can’t check the screenshot, link is broken. All the available layout types yu can find in Theme Options > E-Commerce > Single Product Page.

If you just want to change the width of the image and description containers you may try the following code (Theme Options > Styling > Custom CSS)
```
.single-product-default .product-images {
    width: 40%;
}
.single-product-default .product-information {
    width: 60%;
}
```
Regards
#162117 Copied
mrdinh2008

Participant

May 5, 2017 at 14:27

THanks, it worked in desktop screen but i dont like it in mobile version. my demo website http://donghothanhtung.com/san-pham/fc-312v4s4/
So pls fĩx it for me in mobile

#162295 Copied Theme version: 3.12 WooCommerce version: 4
Olga Barlow

Support staff

May 5, 2017 at 17:14
Hello,

Then replace that code by the following
```
@media only screen and (min-width: 992px){
.single-product-default .product-images {
    width: 60%;
}
.single-product-default .product-information {
    width: 40%;
}
}
```
Regards
#162345 Copied
mrdinh2008

Participant

May 5, 2017 at 19:49

Hi, thanks for reply but it doesn’t work for me on mobile. You can check again, http://donghothanhtung.com/san-pham/fc-312v4s4/

#162360 Copied

Olga Barlow

Support staff

May 6, 2017 at 09:54

Hello,

Please, make sure that you copied whole the code and did not miss close or opened { }

Regards

#162401 Copied
Viewing 6 results - 1 through 6 (of 6 total)