How to make product description wider in debut theme?

Solved
Highlighted
New Member
2 0 1

I use the Debut theme with various products on my website : littlepompeo.com (no password)

Product pages with variants (and thus drop down choice buttons) have a wide product description box - eg. https://littlepompeo.com/collections/toys/products/5-7-cm-dog-toy-interactive-rubber-balls-pet-dog-c...

I would like product pages without any variants to also have this wider area for product descriptions. However, currently the ‘no variant’ pages have a much narrower description area because it doen’t have to accommodate the drop down buttons - eg. https://littlepompeo.com/collections/grooming-care/products/1-pcs-multi-purpose-needle-comb-for-dog-...

How can I change the ‘no variant’ product pages on my site to also have a wider product description area like the products that do have  ‘variants’?

I assume I could change the product page template to alway use the ‘product has variants’ template. But I don’t know enough about CSS to do this. Also I don’t know if this is actually the best solution. Maybe there is a more elegant solution that won’t break button alignment etc down the line?

0 Likes
Highlighted
Shopify Partner
1527 326 443

This is an accepted solution.

Hey @Rust,

Please add following code in your assets/theme.scss.liquid file.

.product-form--payment-button-no-variants {
max-width: none !important;
}

.product-form__item--no-variants {
max-width: none !important;
}

 

Hope this will work for you.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
New Member
2 0 1

Hi @dmwwebartisan!

It worked like a charm!

Thanks

1 Like