[Resolved] WooCommerce single product description width

Home Forums Support [Resolved] WooCommerce single product description width

Home Forums Support WooCommerce single product description width

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2034256
    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

    #2034451
    Ying
    Staff
    Customer Support

    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 πŸ™‚

    #2034561
    Stephan

    Hello Ying,

    sure thing!

    #2034564
    Ying
    Staff
    Customer Support

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

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

    Let me know if this helps πŸ™‚

    #2035483
    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!

    #2035576
    David
    Staff
    Customer Support

    Hi there,

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

    #2035746
    Stephan

    Hi David,

    perfect thank you! I centered it with

    margin: 0 auto;

    if somebody is reading this πŸ™‚

    Thanks again!

    #2035772
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.