We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Changing product page layout on Kingdom theme

Solved

Changing product page layout on Kingdom theme

shamrockweb
Shopify Partner
16 0 4

Hi there. On the product pages... I am trying to make the main product image smaller with the navigation arrows on either side with the thumbnails immediately below the main product image. Help! Thank you.

 

https://mimihalinew.myshopify.com/

PW: mimihali2024

Accepted Solution (1)

namphan
Shopify Partner
2777 358 407

This is an accepted solution.

Hi @shamrockweb,

Please go to Actions > Edit code > Assets > section-main-product.css file and paste this at the bottom of the file:

.product__text {
    width: 50%;
    max-width: 700px;
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

View solution in original post

Replies 2 (2)

shamrockweb
Shopify Partner
16 0 4

I'm also hoping to make all photos with a rounded edge border that is 15px. thank you.

namphan
Shopify Partner
2777 358 407

This is an accepted solution.

Hi @shamrockweb,

Please go to Actions > Edit code > Assets > section-main-product.css file and paste this at the bottom of the file:

.product__text {
    width: 50%;
    max-width: 700px;
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com