Can i add new font to Elie theme?
Support Area › Forums › Elite › Can i add new font to Elie theme?
Tagged: font
- This topic has 7 replies, 2 voices, and was last updated 9 years, 11 months ago by Bill Robbins.
-
AuthorPosts
-
April 17, 2014 at 10:14 #18763vanessa LiParticipant
Hi Bill,
Can i add font “Helvetica Neue” to Elie Theme?
Thanks,
VanessaApril 17, 2014 at 11:06 #18764Bill RobbinsModeratorHello Vanessa,
Thank you for your business first of all. Great question too. You can use Helevetica Neue with the Elite theme. Do you want to use it everywhere or just in some specific parts (page titles, widgets, body copy and so on)? If you’ll let me know, I’ll send over instructions on how to do that.
Thanks,
BillApril 17, 2014 at 20:05 #18776vanessa LiParticipantHi Bill,
I want to use it everywhere in this theme. Can you send me instruction on how to do this? Is that also apply for Moonrise theme as well?
Thanks,
VanessaApril 17, 2014 at 21:37 #18777Bill RobbinsModeratorGood Evening Vanessa,
You can do that. Here’s how for the Elite theme:
- Go to the Theme Options page and select the Advanced tab.
- Scroll down to the Custom CSS box and paste this:
body, #text-logo p, #text-logo h1, h1, h2, h3, h4, h5, h6, nav#top-menu li, .slicknav_nav li, .slicknav_menu .slicknav_menutxt, h2.hero-title, .hero-copy p, h3.widget-title, #sidebar .testimony-block h3.widget-title { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
- Update your settings.
For Moonrise, it works this way:
- Go to the Theme Options page and select the Styling tab.
- Scroll down to the Custom CSS box and paste this:
body, #text-logo p, #text-logo h1, h1, h2, h3, h4, h5, h6, #tagline h2, #tagline p, #header li { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } </pre>
- Update your settings.
That won’t add Helvetica Neue to the list of available fonts, but it will cause it to be used everywhere in either theme for you.
If you have any questions or trouble, let me know.
Thanks,
BillApril 18, 2014 at 21:28 #18798vanessa LiParticipantThank you Bill. It works.
One more question: If i want to use Helvetica Neue light, what/where should add?Thanks,
VanessaApril 19, 2014 at 10:40 #18801Bill RobbinsModeratorGood question Vanessa. You can do that by changing out the “font-stack” that we use above. Basically, the browser will check your visitor’s installed fonts to see which ones are available for it to use. If the first one is installed, it will be used. If it’s not, then it’ll go to the second and so on.
To change to the light version you would use this snippet:
body, #text-logo p, #text-logo h1, h1, h2, h3, h4, h5, h6, nav#top-menu li, .slicknav_nav li, .slicknav_menu .slicknav_menutxt, h2.hero-title, .hero-copy p, h3.widget-title, #sidebar .testimony-block h3.widget-title { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
If you’d only like to use the font with some of the elements in the theme, you would delete the unnecessary ones from the list there. For example if you don’t want it for your logo, you’d remove the #text-logo p, #text-logo h1 part. Just make sure that there is a comma separating the elements, but not at the end. There shouldn’t be a comma between the last one and the opening bracket.
I hope that helps out. Have a great weekend,
BillApril 20, 2014 at 10:02 #18808vanessa LiParticipantHi Bill,
Thank you so much for the information and great support!
Thanks,
VanessaApril 21, 2014 at 08:48 #18817Bill RobbinsModeratorAnytime Vanessa. Have a fantastic week!
-
AuthorPosts
- The topic ‘Can i add new font to Elie theme?’ is closed to new replies.