Okay
  Public Ticket #2907196
Team bio arrow
Closed

Comments

  •  16
    Josée started the conversation
    November 1, 2021 at 7:58pm

    Hi, 

    my client asked for a Know more, instead of the arrow in the team member module. I know how to hide the arrow. But I don't know how to link the Full bio to a button that I would add (instead of the arrow). How do I get the full Bio? What's the url?

    Thanks

  •  8,841
    Tahir replied
    November 2, 2021 at 6:56am

    Hey Again,

    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):

    /* hide team member arrow and show  View More button using CSS Pseudo element */
body[data-button-style^="rounded"] .nectar-cta:not([data-style="material"]) .link_wrap {
    display: none !important;
}
body[data-button-style^="rounded"] .nectar-cta:after {
    content: "View More";
    display: table;
    background: #005e98;
    font-family: Montserrat;
    text-transform: none!important;
    letter-spacing: 0px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 200px !important;
    -webkit-border-radius: 200px !important;
    margin-top: 20px;
    color: #fff !important;
    padding: 13px 18px;
    position: relative;
    top: 0;
    margin-bottom: 10px;
    opacity: 1;
    line-height: 20px;
}

    Thanks

    ThemeNectar Support Team 

  •  16
    Josée replied
    November 3, 2021 at 12:14pm

    Hi Tahir,

    thanks, it worked.