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!
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:
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!
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) :
Thanks
ThemeNectar Support Team
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.
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!