Is it possible to add attributes to image_hotspot popup content items?

Submitted by Pasupathi Ganesan on Thu, 02/21/2019 - 06:18
Forums: 
Developers

This is for Image Hotspot Content type in Drupal 8.

Is it possible to add attributes to popup content items? For example, I have multiple images inside a hotspot popup, Currently, I am seeing both the images will have the same attributes. If I want to apply CSS properties to one of the images, It's not possible now. since all the similar type of content items are having the same attributes. 

Please advise me how should I play around with the theming part of hotspot overlay contents. Particularly if multiple contents available of the same type. 

Refer attached image for more details.

Attachments: 
Image icon popup-content-h5p.png
icc's picture

icc

Tue, 04/16/2019 - 10:06

Currently, the easiest way you can achieve this is by using the :nth-child() selector.
However, it's also possible to add a custom JS that can add special classes or ids, but then you need some coding knowledge.