[Resolved] WooCommerce single product description width

[Stephan]

Hello,

I am using WooCommerce and in the single product view I would like to narrow the width for the part with the text description (so not the whole container, just the text part).

Could you help me with this?

Thanks a lot,
Stephan

[Ying]

Hi Stephan,

Any chance you can link us to the site in question?

You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[Stephan]

Hello Ying,

sure thing!

[Ying]

Try this CSS, feel free to change the value 900px:

.single-product #tab-description {
    max-width: 900px;
}

Let me know if this helps 🙂

[Stephan]

Thank you, that works, I do have some wishes still 🙂

I see that it does not work in the responsive view. I just stays the same width on all devices which is not optimal. And I would like to have the text block centered on the page, so there is some white space left and right of the now 900 px wide text block. And when switching to responsive, it can lose the padding again.

Is that possible?

Thanks a lot!

[David]

Hi there,

i made a tweak to Yings CSS – the width: 900px; should be max-width: 900px;

[Stephan]

Hi David,

perfect thank you! I centered it with

margin: 0 auto;

if somebody is reading this 🙂

Thanks again!

[David]

Glad to hear that!

[Author]

Posts