Site logo

Archived topic

WooCommerce single product description width

7 replies · Started by Stephan on December 1, 2021

Viewing posts 1–8 of 8

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

Hello Ying,

sure thing!

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

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

Let me know if this helps :)

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!

Hi there,

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

Hi David,

perfect thank you! I centered it with

margin: 0 auto;

if somebody is reading this :)

Thanks again!

Glad to hear that!

This archived topic is closed to new replies.