Decrease Product Short Description Margins

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

    (@icaleb)

    Automattic Happiness Engineer

    9 years, 9 months ago

    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)

    9 years, 9 months ago

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

    Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    9 years, 9 months ago

    This looks good to me to be honest: http://cld.wthms.co/4j0A/QsSzo3FU. It is already exceeding it’s wrapper: http://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)

    9 years, 9 months ago

    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.