Viewing 4 replies - 1 through 4 (of 4 total)
  • Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    This will take some custom CSS. Can’t help much without a site link though.

    You should contact the theme authors about this, as it is more related to your theme then it is to WooCommerce core.

    Thread Starter ballmouse

    (@ballmouse)

    Thank you – if you get a chance, the product page link is: https://www.parfournir.com/shop/trousers/athletic-fit/flat-front/.

    Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    This looks good to me to be honest: https://cld.wthms.co/4j0A/QsSzo3FU. It is already exceeding it’s wrapper: https://cld.wthms.co/sJdW/4j2ItOb2.

    You can prevent them from breaking lines with this line of css, but then the text can run off the page on smaller screen:

    .short-description li {
    	white-space: nowrap;
    }

    Best to leave it how it is ??

    Thread Starter ballmouse

    (@ballmouse)

    Hi Caleb. I actually asked the theme developer after your initial response and put in the following code

    /*widen div for description*/
    div.short-description {
        width: 120%;
    }
    /*Center button*/
    div.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
        text-align: center;
        width: 120%;
    }
    
    /*center underline*/
    .tx-div.small {
        width: 90%;
    }

    Thank you for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Decrease Product Short Description Margins’ is closed to new replies.