Okay
  Public Ticket #2947158
Team Member Styling
Closed

Comments

  •  12
    hans started the conversation
    December 29, 2021 at 10:58pm

    Hi,

    I'm using "Meta Overlaid, Bio Modal" as my preferred style. When you click on a member the fullscreen bio opens (see screenshot). My question: how can I change background color, font color and size? A chunk of CSS would be great. Thanx

  •  2,959
    Andrew replied
    December 30, 2021 at 4:07am

    Hello Hans,

    This can be done using custom CSS.

    Kindly send a link to your site so that we can provide the necessary CSS for this.

    Regards,

  •   hans replied privately
  •  2,959
    Andrew replied
    December 30, 2021 at 8:27am

    Hello again,

    Try the following CSS.

    .nectar_team_member_overlay.open {
    color: red;
    background-color: #4d90fe;
}
.nectar_team_member_overlay.open .team_member_details .team-desc {
    font-size: 17px;
}

    Regards

  •  12
    hans replied
    December 30, 2021 at 9:05am

    Hi Andrew,

    Brilliant! – How do I change color and size of the member's name? 

    Best

  •  2,959
    Andrew replied
    December 30, 2021 at 9:35am

    Hello again,

    Use this CSS

    .nectar_team_member_overlay.open .team_member_details h2 {
    color: brown;
    font-size: 30px;
}

    Regards