Okay
  Public Ticket #937074
Salient Team Member Font
Closed

Comments

  •  2
    molotovsky started the conversation

    Hi! I'm trying to change the font of the Team Member feature - but just the font of the team member's name itself. One of the team members has German characters in her name, so I needed to switch to a font that can handle those characters (like Calibri). I added the following custom css to do this:

    .team-member * {
        font-family: 'calibri';
    }

    My problem is that it affects the entire Team Member display and makes the text of the description too small. Is there a way to only change the font of the team member's name and leave the rest of the text in its default font? Thanks for your help!

  •  8,996
    Tahir replied

    Hey M,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .team-member h4 {
        font-family: 'calibri';
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    molotovsky replied

    Thank you for your help Tahir! I tried the code you suggested, but it does not work. Do I need to also modify the class (in this case, "light")? When I view page source, the element in question is modified with the following html:

    <h4 class="light">

    Thanks again.

  •  2
    molotovsky replied

    Tahir, nevermind! I was able to achieve the desired effect with just a slight modification of the code you gave me. An asterisk did the job.

    .team-member h4 * {
        font-family: 'calibri';
    }

    Thanks again!