Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1421627

    Hi, is there a way to change the numbers 1,2,3 into A, B,C ?

    Thank you for helping!

    #1421755

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.