Okay
  Public Ticket #2473498
Image with hotspots
Closed

Comments

  •  54
    Coastdesign started the conversation

    Hi Tahir

    Is it possible to customise the hotspots? 

    I'd like to remove the white background on mouse over and make the font white.

    I'd also like to make the custom font normal and not light.

  •  8,987
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip {
        background: transparent !important;
        color: #fff !important;
        font-weight: 500;
        font-size: 21px;
    }

    Thanks


    ThemeNectar Support Team 

  •  54
    Coastdesign replied

    Thanks!

    Curious to know if there's any code available that changes the + icons to white linea icons. Maybe don't pulse? 

  •  8,987
    Tahir replied

    Hey Again,

    The linea icon can't be set as the fontset does not load on all pages . 

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    /* remove pulse */
    .nectar_image_with_hotspots[data-stlye="color_pulse"] .nectar_hotspot:before {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  54
    Coastdesign replied

    Thanks Tahir