How to resize product image and text in Tinker theme

Hi! In the Tinker theme the product media is too large and the text box for the product descriptions are too slim on desktop. So im wondering if theres any way for me to change both of those so that the text box is more spread out for the product information and the product media is smaller. Thanks!

2 Likes

You can try to add this code to Custom CSS of Sales channels > Online Store > Themes > Customize > Theme settings

@media (min-width: 750px) {
    .product-information__grid {
        grid-template-columns: 1fr 1fr !important;
    }
}
1 Like

Hello @Pivot1
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag


Hope this helps! If yes then Please don’t forget hit Like and Mark it as solution!

1 Like

Thank you this also worked

Thank you this worked!

1 Like

You’re welcome.

You are very welcome.