How to resize product image and text in Tinker theme

[Pivot1]

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!

[Dan-From-Ryviu · Accepted solution]

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;
    }
}

[Pivot1]

Thank you this worked!

[Dan-From-Ryviu]

You are very welcome. 

[devcoders]

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.

[AnneLuo]

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 </head> tag

<style>
@media screen and (width >= 750px) {
    .product-information__grid:not(:has(.product-information__media:empty)).product-information--media-left {
        grid-template-columns: 1fr min(50vw, 40rem) !important;
    }
}
</style>

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

[Pivot1]

Thank you this also worked

[AnneLuo]

You're welcome.