How To Make Items In Product Template Wider

How To Make Items In Product Template Wider

MMast
Trailblazer
182 1 25

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.

Screenshot 2024-06-25 173720.png

 

https://decemberschild.com/

password: dc

Replies 4 (4)
MMast
Trailblazer
182 1 25

password: dc

MMast
Trailblazer
182 1 25

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

BSSCommerce-HDL
Shopify Expert
1004 342 408

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

BSSCommerceHDL_0-1719405154100.png

 

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

 

Here is result:

BSSCommerceHDL_1-1719405198601.png

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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

BSS-TekLabs
Shopify Expert
472 146 161

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

step.png

- 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:

BSSTekLabs_0-1719409353508.png

 

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency