Can i add new font to Elie theme?

Support Area Forums Elite Can i add new font to Elie theme?

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
URL to the page in question: http://
  • Author
    Posts
  • #18763
    vanessa Li
    Participant

    Hi Bill,

    Can i add font “Helvetica Neue” to Elie Theme?

    Thanks,
    Vanessa

    #18764
    Bill Robbins
    Moderator

    Hello 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,
    Bill

    #18776
    vanessa Li
    Participant

    Hi 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,
    Vanessa

    #18777
    Bill Robbins
    Moderator

    Good Evening Vanessa,

    You can do that. Here’s how for the Elite theme:

    1. Go to the Theme Options page and select the Advanced tab.
    2. 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;
      }
      
    3. Update your settings.

    For Moonrise, it works this way:

    1. Go to the Theme Options page and select the Styling tab.
    2. 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>
    3. 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,
    Bill

    #18798
    vanessa Li
    Participant

    Thank you Bill. It works.
    One more question: If i want to use Helvetica Neue light, what/where should add?

    Thanks,
    Vanessa

    #18801
    Bill Robbins
    Moderator

    Good 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,
    Bill

    #18808
    vanessa Li
    Participant

    Hi Bill,

    Thank you so much for the information and great support!

    Thanks,
    Vanessa

    #18817
    Bill Robbins
    Moderator

    Anytime Vanessa. Have a fantastic week!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Can i add new font to Elie theme?’ is closed to new replies.