How to create spacing between text on woocommerce product page

  • Dear Zakra Theme Support,

    For the momen I′m using short code ultimate to create SPECIFIC spacing between different bullet points. However the problem is that the spacer is shown by google in the description which I dont like to see.

    I′m looking for a way to create specific spacing for each of my bullet points. The spacing between the first bullet point and the second should be 10cm for example. Afterwards the spacing between the second and the third bullet point should be 15cm. Can you help me with a custom css code to achieve that and create the spacing the I would like to have and adjust the custom css code each time for the spacing that i need?

    My website: https://test.puapill.com/product/white-crop-t-shirt/?preview=true

    Thanks a lot in advance.

    Markus

Viewing 3 replies - 1 through 3 (of 3 total)

  • @wehodl
    To create specific spacing for each bullet points, please add the following custom css:

    .woocommerce-product-details__short-description li:first-child {
    margin-bottom: 10px;
}
.woocommerce-product-details__short-description li:nth-child(2) {
    margin-bottom: 20px;
}

    Hope, this is what you’re referring to.
    Thank you.

    Thread Starter wehodl

    (@wehodl)

    Hi Sakar,

    this works perfect! Thank you for this amazing peace of custom css code!

    One more question. Can you tell me the same code for the h2 header? I want to make specific spacing between the H2 heading and the first bullet point which is below of it.

    My website: https://test.puapill.com/product/white-crop-t-shirt/?preview=true

    Thanks a lot in advance!

    Kind regards

    Markus

    @wehodl,
    To create the specific spacing between H2 heading and first bullet please ue the following custom css:

    .woocommerce-product-details__short-description h2 {
    margin-bottom: 20px;
}

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to create spacing between text on woocommerce product page’ is closed to new replies.