How To Make Items In Product Template Wider

[MMast]

Thanks in advance!

Is there a way to make the size, color and add to cart buttons wider on the product page? Example shown below.

https://decemberschild.com/

password: dc

[MMast]

password: dc

[MMast]

Could you provide a code that works for either base.css or theme.liquid please.

[BSSCommerce-HDL]

Hi @MMast, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside head tags. You need create style tags. After insert my code inside style tag

.page-width:has(.product) {
    margin: 0 !important;
    max-width: 100% !important;
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSS-TekLabs]

- Here is the solution for you @MMast 
- Please follow these steps:

- Then find the base.css file.

 

@media screen and (min-width: 750px) {
    .page-width {
        padding: 0 !important;
        max-width: 100% !important;
    }
}

- Then add the following code at the end of the file and press 'Save' to save it.

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.