Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 22, 2019 at 1:18 pm #1129971
    marketingnr1

    Hello Kriesi team!

    i tried to minimize the gap between woocommerce single product and related products on enfold.
    But when i use the following code, every container is moving upside also on product categories.
    The problem i think is that the related prodcuts might be in an avia container?!

    li.product.type-product.status-publish.has-post-thumbnail {

	bottom: 200px;
}

    May be you can help me.
    Thanks in advance,
    kind regards!

    August 22, 2019 at 4:47 pm #1130035
    Victoria

    Hey marketingnr1,

    Best regards,
    Victoria

    August 23, 2019 at 7:52 am #1130228
    marketingnr1

    Hello Victoria,

    sorry, now you can see the issue.

    Thanks in advance.

    August 23, 2019 at 11:53 am #1130304
    Victoria

    Hi marketingnr1,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    August 23, 2019 at 12:28 pm #1130326
    marketingnr1

    Hello Victoria,

    i just want to move up the related products.

    Thanks in advance.

    August 23, 2019 at 1:33 pm #1130357
    Victoria

    Hi marketingnr1,

    Best regards,
    Victoria

    August 23, 2019 at 1:54 pm #1130367
    marketingnr1

    Hello Victoria,

    when i remove this code, the hole product image is gone…

    .single-product-main-image.alpha {
   display: none;
}

    Maybe we can move the related.products up under the CONTACT button?
    But i dont know how. Or do you have a better solution?

    Thanks in advance.

    August 23, 2019 at 5:40 pm #1130436
    Victoria

    Hi marketingnr1,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    August 26, 2019 at 7:35 am #1130868
    marketingnr1

    Hi Victoria,

    yes of course, thanks you for helping in advance!

    Kind regards.

    • This reply was modified 6 years, 2 months ago by marketingnr1.
    August 28, 2019 at 2:57 pm #1131616
    Ismael

    Hi,

    Thank you for the update.

    Did you add this css code?

    .single-product-main-image.alpha {
    margin-bottom: 100px !important;
    padding-bottom: 180px !important;
}

    This creates a large gap between the main product container and the related products.

    Best regards,
    Ismael

    August 29, 2019 at 9:01 am #1131817
    marketingnr1

    Hi Ismael,

    yes! This is the right code, thank you!

    Kind regards!

    [close]

    August 29, 2019 at 4:20 pm #1131957
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘gap between product and related products’ is closed to new replies.