Okay
  Public Ticket #283962
Team Member Name font
Closed

Comments

  • Evan started the conversation

    I selected a font from the typography options for the "Sub-headers & Team Member Names."  However, the font is not showing on my page when I add a Team Member Nectar element that I'd assume should use the font.

    The font in question is "Swanky and Moo Moo" and is a google font included in the Salient typography options.

    How can I get the Team Member elements to display correctly in this font?

    Thanks for your help!

    (The site is still under development and is only privately visible, so I can't attach a link...but I did attach a few screengrabs to show the desired google font, setup, and how the page is currently displaying.)

  •  8,839
    Tahir replied

    Hey Evan!

    I am afraid without the live url i cant troubleshoot the css. 

    Thanks


    ThemeNectar Support Team 

  • Evan replied

    The page is now launched at www.eatyau.com

    The area in question is the team member names that display about halfway down the page, above the spoon graphic.  The team member names should be set to use Swanky and Moo Moo, but are displaying in some other typeface.  Could you please check it out and let me know how I can get the correct font to show up for that text element?

    Thanks again!

  •  8,839
    Tahir replied

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    html body .team-member h4 {
        font-family: Swanky and Moo Moo !important;
    }
    html body .team-member h4 ~ div {
        font-family: Swanky and Moo Moo !important;
    }
    
    
    
    Thanks


    ThemeNectar Support Team 

  • Evan replied

    Thanks, Tahir!

  • Evan replied

    Is there a way to make it so the team member position does not display in the same font as the member name?  (I like it with the team member names showing in Swanky and Moo Moo, which you helped me get working.  But I'd prefer the team member position/job title to show in the regular body typeface since that's more readable at small sizes.)

    Thanks again!

    -Evan

  •  8,839
    Tahir replied

    Hey Again!

    Try removing one of the above css and check .

    Thanks


    ThemeNectar Support Team 

  • Evan replied

    Removing the second css command worked.  

    Thanks, Tahir!