Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #744946
    Ashley
    Guest

    I feel like an idiot. I acted quickly and extended my support for Enfold theme before I discovered you don’t actually offer support. A complete waste of $44!

    I have searched the forum endlessly and cannot solve my particular issue. Although I have a purchase code and extended support now, I cannot figure out how to pose a question in the forum. Since I cannot find a solution in old posts, I’m stuck.

    My problem is actually fairly straight-forward: I need to set up individual classes for individual hotspots in an image map.

    I figured out how to set up classes for all ALB elements but that allows me to set up a class for the image map – not a different class for each individual hotspot in the image map.

    If I cannot get some help, can I at least get refunded the $44?

    Thank you,
    Ashley

    PS Below is additional private info

    #744956

    Hey Ashley!

    Please firstly see private content field for your credentials and then login to our forum and go to Enfold subforum – https://kriesi.at/support/forum/enfold/#new-post

    You can target each hotspot separately using :nth-child

    .eModal-3 .av-image-hotspot:nth-child(1) {
        opacity: 0.3;
    }

    You can increase the number 1 in selector to target each hotspot. For more information, please see – https://css-tricks.com/almanac/selectors/n/nth-child/

    Regards,
    Yigit

    #744962
    Ashley
    Guest

    Your response does not solve my problem at http://reapnc.wpengine.com/steps/. (hosted on WPengine)
    I created modals using Easy Modal plugin. To allow each hotspot to link to the correct modal, then I need to assign a specific class to that hotspot.
    I’m not trying to change opacity for example. I’m trying to assign a class to a hotspot.

    The modals are set up to work like this:
    Open Modal

    Right now on the page every hotspot opens modal 3 because I cannot figure out how to assign classes to individual hotspots.
    at http://reapnc.wpengine.com/steps/

    Seriously, if you cannot help, please issue a refund.

    #744968

    Hey!

    You can try adding following code to Functions.php file in Appearance > Editor to add custom class to your hotspots

    function av_hotspot_classes(){
    ?>
     <script>
    jQuery(window).load(function(){
    jQuery('.eModal-3 .av-image-hotspot:nth-child(1)').addClass('custom-hotspot-1');
    jQuery('.eModal-3 .av-image-hotspot:nth-child(2)').addClass('custom-hotspot-2');
    });
     </script>
    <?php
    }
    add_action('wp_footer', 'av_hotspot_classes');

    If that too does not help, you would need to request such feature here – https://kriesi.at/support/enfold-feature-requests/ or hire a freelance developer as such customization is out of the scope of our support.

    Also, as you can read in scope section here – https://kriesi.at/support/register/, support does not include heavy customization.

    Cheers!
    Yigit

    #744976
    Ashley
    Guest

    I tried adding that code to the Functions.php file in the Editor…But I still don’t see a custom css class box for individual hotspots.
    Maybe I added it in the wrong place? or maybe it just won’t work?

    Is there no help other help on the forum? Are you alone?

    Unfortunately, the university where I work will not allow us to hire a freelance developer. I will have to resolve the issue myself. Maybe with other tools.

    Thanks.

    #744982

    Hi!

    I checked your page again and it is working. Please see screenshot in private content field.

    And no, i am of course not alone on the forum.

    Best regards,
    Yigit

    #745014
    Ashley
    Guest

    Hi,

    I checked again and it is NOT working.

    You have not helped me.

    #745020

    Hi,

    The screenshot i posted shows you the custom classes added to hotspots “custom-hotspot-1” and “custom-hotspot-2”.
    If that is not what you meant, please elaborate.

    Best regards,
    Yigit

    #745135
    Ashley
    Guest

    I had to erase what you sent to me. I’m afraid you have misunderstood me.

    I cannot use the image hotspot tooltip as configured. As a work-around, I was trying to use a modal plugin so that each individual hotspot would link to a unique modal.

    All modal plugins I could find require that you assign a specific class (such as “class =eModal-3” or “class=eModal-4”) to each individual hotspot.

    You can see that I can insert a url as the link from the hotspot.
    So if I could put “#” class=”eModal-3″ in the http:// box, I would be all set.

    But I cannot assign a class to the hotspot link. So I am stuck.

    I’m trying to find a modal plugin that doesn’t use a shortcode or require assigning unique classes but just links with a simple url.

    #745146
    Ashley
    Guest

    Is that clear to you? Or do you need more explanation?
    Should I try to post to the regular forum?

    #745149

    Hi,

    Yes, it is clear. However, as i mentioned earlier, unfortunately such customization is out of the scope of our support.

    Please try finding a plugin or hire a freelancer.

    Regards,
    Yigit

    #745153
    Ashley
    Guest

    As I said before, hiring a freelancer is not an option where I work. Also, I just wasted $44.

    Regards

    #745154

    Hey!

    I am sorry that you have but as i mentioned, heavy customization is out of the scope of support.

    I am marking this thread as resolved for now. If you have any other questions or issues, please login and start a new thread.

    Regards,
    Yigit

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Enfold theme’ is closed to new replies.