Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 24, 2022 at 2:04 pm #1336902
    combra

    Hi there,

    I have whitespace between the product image and the description. I wonder where is this coming from?
    I didn’t actually make any CSS settings that could be related to this.

    Would you like to take a look?

    best regards,
    Alex

    January 25, 2022 at 3:59 am #1336953
    Rikard

    Hi Alex,

    Please try the following in Quick CSS under Enfold->General Styling:

    .single-product div.product .woocommerce-tabs {
    padding: 0;
}

    Best regards,
    Rikard

    January 25, 2022 at 8:58 am #1336990
    combra

    Hi Rikard,

    thanks for your answer. With this code, the whitespacer is still there.

    Best regards,
    Alex

    January 25, 2022 at 9:11 am #1336996
    combra

    I added code:

    .single .woocommerce-tabs {
    position: relative;
    top: -100px;
}

    This works. I don’t know if this is the best solution, but it works.

    Best regards,
    Alex

    January 25, 2022 at 11:40 am #1337037
    Ismael

    Hi,

    Thank you for the update.

    Yes, that css code should work. The space was created because of the declared padding in this css code.

    #top div.product .woocommerce-tabs {
    clear: both;
    padding: 50px 0 0 0;
    margin: 0 0 30px 0;
}

.single-product-main-image {
    width: 33%;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    padding-bottom: 50px;
}

    You can keep your custom css code modification, or override the css above and adjust the padding.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.