Okay
  Public Ticket #3013249
Team Member Modal window changes
Closed

Comments

  •  3
    jigeshshah05 started the conversation

    Hi

    We need to change the mouse-over from "cross" to another icon. 

    Also, can we alter the height of the window?


    Thanks

    Jigesh

     

  •  1,877
    Judith replied

    Hi Jigesh,

    Thanks for keeping in touch.

    Please share the page url also screenshots of where this is located.

    Thanks.

  •  3
    jigeshshah05 replied

    ABOUT US – Anlitiks (mystagingwebsite.com) 

    Meet the team section > the modal window appears like the attachment. 


  •  2,958
    Andrew replied

    Hey Again,

    To show the Mobile Close Icon on Desktop also use below Custom CSS.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close {
        transform: rotate( 45deg );
        -webkit-transform: rotate( 45deg );
        display: block;
        height: 32px;
        width: 32px;
        border-radius: 50px;
        transform-origin: center;
        margin-bottom: 10px;
        cursor: pointer;
        border: 2px solid;
    }
    .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:before {
        position: absolute;
        display: block;
        height: 2px;
        width: 16px;
        left: 6px;
        top: 13px;
        content: ' ';
    }
    .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:after {
        position: absolute;
        display: block;
        height: 16px;
        width: 2px;
        left: 13px;
        top: 6px;
        content: ' ';
    }
    .nectar-close-indicator {
        display: none !important;
    }
    nectar_team_member_overlay .team_member_picture {
        width: 40%;
    }
    

    Thanks,