How to reduce width of gallery to be in line with icons on the t

Solved
con17
Excursionist
35 0 16

Hi I was wondering if it is possible to reduce of the gallery image instead of it being full width to rather be only as wide as the icons on the top

website url https://tbp17.myshopify.com/

con17_2-1625140643664.png

 

 

KetanKumar
Shopify Partner
20524 2121 7737

This is an accepted solution.

@con17 

Thanks for again yes please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.image-bar {
max-width: 910px;
    margin: 0px auto;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
con17
Excursionist
35 0 16

@KetanKumar 

Thank you for the solution and time, I would like to know your advice regarding the possibility to add a button on the gallery option like the image with text overlay has, as the gallery animation is so much better like the image zooming in on hoover and the animation of the text but it does not have an option for a button, so I wanted to know your opinion if it is possible to add a button to the gallery image?

KetanKumar
Shopify Partner
20524 2121 7737

@con17 

Yes, please share example so i will guid you?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes