Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 21, 2023 at 6:58 am #1411245
    philipbrook

    Hello,

    This is a minor alignment issue, not a functional one. The Wishlist button on my product pages gets mis-aligned and changes position as soon as I add a bundle-sell item to a product page. This is a feature I use a lot and would like the button to stay aligned to the left, below the product count box, like here: https://www.taiwanteacrafts.com/product/organic-yushan-high-mountain-oolong-tea/?v=3d9975706be3

    This shows the error: https://www.taiwanteacrafts.com/product/mid-level-baked-organic-gaba-oolong-tea/?v=3d9975706be3

    I am sure this can be solved with some quick CSS. Thanking you in advance for your first rate service, as usual.

    PB

    June 22, 2023 at 4:15 am #1411331
    Ismael

    Hey philipbrook,

    Thank you for the inquiry.

    Adding the following css code should adjust the position of the wishlist button below the bundled package.

    #top .bundle_form.bundle_sells_form #wl-wrapper {
    margin-top: 0;
}

#top .bundle_form.bundle_sells_form + .<a href="https://refer.wordpress.com/r/84/woocommerce/" target="_blank" rel="nofollow">woocommerce</a>-variation-add-to-cart {
    margin-top: -90px;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

    Best regards,
    Ismael

    June 22, 2023 at 4:53 am #1411335
    philipbrook

    Hello Ismael,

    Thank you for your quick reply.

    I did add the code to Quick CSS and it has made the Wishlist button disappear. Also, you will notice a thin line running across the buttons.

    Mid-Level Baked Organic GABA Oolong Tea, Lot 1052

    Would you mind taking a second look? Thank you in advance.

    PB

    June 22, 2023 at 5:21 am #1411343
    Ismael

    Hey!

    Thank you for the update.

    The wishlist button is still visible when we checked the site again, but we did notice the alignment issue. To fix this, please replace the previous modification with the following CSS code:

    #top .bundle_form.bundle_sells_form #wl-wrapper {
    margin-top: 70px;
}

#top .bundle_form.bundle_sells_form + .woocommerce-variation-add-to-cart {
    top: -100px;
    position: relative;
    margin-bottom: -50px;
}

    Best regards,
    Ismael

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