Hi, is there a way to change the numbers 1,2,3 into A, B,C ?
Thank you for helping!
Hey Stefan,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.av-image-hotspot_inner {
color: transparent !important;
}
.av-image-hotspot_inner::after {
content: '';
color: black;
left: -3px;
position: relative;
}
div .av-image-hotspot:nth-child(1) .av-image-hotspot_inner::after {
content: 'A';
}
div .av-image-hotspot:nth-child(2) .av-image-hotspot_inner::after {
content: 'B';
}
div .av-image-hotspot:nth-child(3) .av-image-hotspot_inner::after {
content: 'C';
}
div .av-image-hotspot:nth-child(4) .av-image-hotspot_inner::after {
content: 'D';
}
div .av-image-hotspot:nth-child(5) .av-image-hotspot_inner::after {
content: 'E';
}
If you have more than 5 hotspots, copy the last one and add as many as you need changing the number and the letter.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
Mike