Okay
  Public Ticket #3140380
Team member settings Modal
Closed

Comments

  • tallglassmedia started the conversation

    Hi, 

    How can I change the background of the team member settings? Currently it defaults to grey, but I would like it to be a different color

  •  8,839
    Tahir replied

    Hey tallglassmedia ,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks


    ThemeNectar Support Team 

  •  1,877
    Judith replied

    Hi There,

    Please try this css:

    .nectar_team_member_overlay {
        background-color: #856767;
    }

    Thanks.

  • tallglassmedia replied

    Thank you!!!!

    This worked amazingly. 

    But new question, their CSS to change to the color of the text and the social icons? Currently they default to grey, but can I make it white?

  •  1,877
    Judith replied

    Hi There,

    Yes, please try this css:

    .nectar_team_member_overlay .bottom_meta a:not(:hover) i {
        color: white;
    }

    Thanks.

  • tallglassmedia replied

    Hi, thank you again!

    The header/title text is still grey and black. Can this be white or a different color?

  •  1,877
    Judith replied

    Hi There,

    Please try this css:

    .nectar_team_member_overlay[data-style=bio-fullscreen-alt] .team_member_details .title {
        color: white !IMPORTANT;
    } .nectar_team_member_overlay[data-style=bio-fullscreen-alt] .team_member_details h2 {
        color: white;
    }

    Thanks.

  • tallglassmedia replied

    Hi, is there a way on the "team member" so switch the place of the "Name" and the "position" so that it looks like this:

    Suzanne Turner

    President

    Name on top, position on the bottom?

  •  8,839
    Tahir replied

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

    .team-member[data-style=bio_fullscreen_alt] .team-meta {
        display: flex;
        flex-direction: column-reverse;
    }

    Thanks


    ThemeNectar Support Team 

  • tallglassmedia replied

    Hi, I am trying to adjust the width of the testimonial slider on mobile. How do I do that?

  •  1,877
    Judith replied

    Hi There,

    Please try this css:

    @media only screen and (max-width: 690px){
    .main-content .testimonial_slider[data-style=multiple_visible] blockquote p {
        width: 67vw;
    } }

    Thanks.