-
AuthorPosts
-
February 9, 2017 at 6:06 pm #744946AshleyGuest
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,
AshleyPS Below is additional private info
February 9, 2017 at 6:11 pm #744956Hey 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,
YigitFebruary 9, 2017 at 6:22 pm #744962AshleyGuestYour 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 ModalRight 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.
February 9, 2017 at 6:48 pm #744968Hey!
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!
YigitFebruary 9, 2017 at 7:03 pm #744976AshleyGuestI 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.
February 9, 2017 at 7:16 pm #744982Hi!
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,
YigitFebruary 9, 2017 at 7:59 pm #745014AshleyGuestHi,
I checked again and it is NOT working.
You have not helped me.
February 9, 2017 at 8:05 pm #745020Hi,
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,
YigitFebruary 9, 2017 at 11:52 pm #745135AshleyGuestI 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.
February 10, 2017 at 12:17 am #745146AshleyGuestIs that clear to you? Or do you need more explanation?
Should I try to post to the regular forum?February 10, 2017 at 12:33 am #745149Hi,
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,
YigitFebruary 10, 2017 at 12:46 am #745153AshleyGuestAs I said before, hiring a freelancer is not an option where I work. Also, I just wasted $44.
Regards
February 10, 2017 at 12:59 am #745154 -
AuthorPosts
- The topic ‘Enfold theme’ is closed to new replies.