Venture Theme - How to change product images to horizontal view?

Excursionist
28 1 1

Hi,

 

I'm trying to change the way my product images are displayed on the product page. Right now they're on the left side of the product and the images are vertical. I'd like them to be below the product and horizontal. How can I do this?

Capture.PNG

0 Likes
Shopify Partner
1141 93 139

Hi,

 

If you want this type of product image 

 

rac.jpg

Put this code! In case of any problem feel free to reach out.

 

.photos__item--thumbs {
order: 2;
-webkit-flex: 0 0 15%;
-moz-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
}

.photos__item--main {
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
order: 1;
}

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
Excursionist
28 1 1

I'd like it under the product image, not on the right side.

0 Likes
Excursionist
28 1 1

I managed to fix it.

 

However, there's one small issue. The slider is too wide and I'd like to shorten it. How can I do this?

 

Also, is it possible to make the main image bigger?

 

Capture2.PNG

0 Likes
New Member
1 0 0

You can style the image pretty easily just change the max-width from 100% to an actual px size like max-width:600px or such. There may be another way but that seems to be working.

 

How'd you place the title and description underneath? I'm looking into that now. Cheers

0 Likes