Home › Forums › WoodMart support forum › Hotspot behind related products

Hotspot behind related products

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 22, 2019 at 11:03 am #145916

    arturs4
    Participant

    Hi!

    I have image with hotspots that are near related products and the hotspot window goes behind related product image (screenshot attached). I tried to change z-index but that didn’t work. Can you help?

    Best regards,
    Arturs

    Attachments:
    You must be logged in to view attached files.
    September 22, 2019 at 1:58 pm #145945

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .container .vc_row.woodmart-disable-overflow,
.container .vc_section.woodmart-disable-overflow {
    overflow: visible;
}

    We shall fix it in the nearest update.

    Best Regards

    September 22, 2019 at 4:49 pm #145977

    arturs4
    Participant

    That didnt help. 🙁 Any other solutions?

    September 22, 2019 at 7:28 pm #145990

    Elise Noromit
    Member

    Hello,

    Please check if you have disabled the overflow option in the row settings “Woodmart extra” tab.

    Please provide the page URL with the problem and update your site admin access if you have changed them.

    Best Regards

    September 22, 2019 at 8:33 pm #145994

    arturs4
    Participant

    Sorry, I didn’t understand about “Woodmart extra” tab. I can’t find it anywhere.

    The problem occurs on product pages, where hotspot location is near related products bellow it; link to example in private content.

    Login data is the same, I haven’t changed them.

    September 23, 2019 at 11:31 am #146101

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .hot_spot_z10{
z-index:10;
}

    Add class hot_spot_z10 to the column which contains the hot-spot element https://gyazo.com/a91b7f4d2dc749582fddf6bff51dbe2e

    Best Regards

    September 23, 2019 at 3:14 pm #146160

    arturs4
    Participant

    I have more than 500 products, and they all have hotspots. I don’t think I can add new class to each product. Can you offer any other solutions? I’m OK if the fix will come with next update – I can wait; but I really don’t want to manually edit 500+ products.

    September 24, 2019 at 7:43 am #146243

    Elise Noromit
    Member

    Hello,

    Please replace this code in the Theme Settings > Custom CSS > Global:

    .product-tabs-wrapper {
    position: relative;
    z-index: 10;
}

    Best Regards

    September 24, 2019 at 11:32 am #146296

    arturs4
    Participant

    Hello!

    Yes, now it’s working! Thank you very much!

    I want to ask you another thing: would it be possible for you to make automatic CSS generator depending on what elements are used on the site? I have used WP theme PORTO and they have it so it is possible. Can you make such thing for your theme as well?

    Regards,
    Arturs

    September 24, 2019 at 1:39 pm #146339

    Elise Noromit
    Member

    Hello,

    It is not possible in the nearest future. We shall consider your suggestion.

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)