Narrative theme Product Page body image resize

Solved
Highlighted
Tourist
16 0 1

Hello everyone,

 

How can I make the body of product pages to be displayed full width on desktop or increase the space that they take up?

 

Alternatively, how could I change the image size on product pages? The images are displayed a lot smaller than their actual size and some text on them is not readable.

 

I really like the Narrative theme but my text and images on product pages are like squeezed while there's so much space on the left and right side. 

0 Likes
Shopify Expert
2758 477 618

Hi @Constantinos 

Send your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
16 0 1

Hi Jasoliya, thanks for replying.

 

The store's preview url is: https://kruy5ihbxhlbc5ub-27190493259.shopifypreview.com

 

I would like to move from Debut to Narrative theme but still trying to figure out how to improve product pages.

0 Likes
Highlighted
Shopify Expert
2758 477 618

ok let me know if you need any help.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
16 0 1

Yes I need help :)

 

How could I resize my text and images on the body of product pages? Is that something I could do myself?

0 Likes
Highlighted
Shopify Expert
2758 477 618

Add this css in asset->theme.scss file at bottom:

.product__image-container{     max-width: 100% !important;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
16 0 1

Thanks again I added that line at the bottom of Assets->theme.scss.liquid but didn't work.

0 Likes
Highlighted
Shopify Expert
2758 477 618

I cant see that you have added css in this file. add at bottom of file

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
16 0 1

Yes I did, please see https://kruy5ihbxhlbc5ub-27190493259.shopifypreview.com

 

There is no asset->theme.scss but asset->theme.scss.liquid instead. Maybe I am looking at the wrong place?

 

Capture.JPG

 

 

 

Ideally I would want something like this:

 

ideal.JPG

 

 

0 Likes
Highlighted

Success.

Shopify Expert
2758 477 618

Add this css

.page-width{ max-width: 1200px;}

You can increase width as you want.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like