This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Editing Colors and Fonts

Open 6 replies themetheme-vantage
Jrosa14
11 years ago · Last reply by Andrew Misplon 11 years ago

In the Documentation it says you should be able to customize font and colors by going to Appearance > Customize > Menu or Appearance > Customize > Page but these don’t exist when I select customize. The documentation doesn’t say anything about whether this is for premium only? I only have today to work on this website :/

Can anyone help?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff 11 years, 6 months ago

    Hi Jrosa14

    Thanks for running Vantage.

    Apologies for the hassle. The documentation is due to get an update to indicate free and premium. The Customizer section is unfortunately all contained in the premium version. It’s possible to update from as little as $5 once off. You can view the offering from Appearance > Premium Upgrade.

  2. Jrosa14 11 years, 6 months ago

    Hi Andrew! Thanks for the reply. I upgraded and this helped a lot!
    Only thing is that now I want to use a font that isn’t offered…Scala Baltic Regular, for all of my text (including headers)

    I’m not really sure how to use CSS to do this or how to implement it. Sorry total newbie.

  3. Andrew Misplon Staff 11 years, 6 months ago

    Glad you’re enjoying the extra options in premium. It doesn’t look like that’s a Google Font. So you’ll need to use a site like Font Squirrel to produce a web font. Here is the CSS you’ll need to add to Appearance > Custom CSS to use your web font:

    @font-face {
    font-family: ‘proxima_nova_altlight’;
    src: url(‘http://www.newpokerschool.it/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.eot’);
    src: url(‘http://www.newpokerschool.it/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.eot?#iefix’) format(’embedded-opentype’),
         url(‘http://www.newpokerschool.it/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.woff’) format(‘woff’),
         url(‘http://www.newpokerschool.it/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.ttf’) format(‘truetype’),
         url(‘http://www.newpokerschool.it/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.svg#proxima_nova_altlight’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
}
body { font-family: ‘proxima_nova_altlight’ !important; }

    That’s an example for promixa nova. All values and urls would need to be changed to your font choice.

    Another option is to find a font with Google https://www.google.com/fonts that’s similar.

  4. Jrosa14 11 years, 6 months ago

    Thank you, Andrew!
    I tried modifying the font using the webfont I got from Font Squirell. I put this in the customer css and hit save? But it doesn’t seem to make any change. Would you mind taking a look

    @font-face { font-family: ‘scalasansotlight’; 
  src: url(‘http://www.lifechangeroftheyearnominees.com/wp-content/themes/vantage/fonts/scalasansot-light-webfont.eot’);
  src: url(‘http://www.lifechangeroftheyearnominees.com/wp-content/themes/vantage/fonts/scalasansot-light-webfont.eot?#iefix’) format(’embedded-opentype’), 
    url(‘http://www.lifechangeroftheyearnominees.com/wp-content/themes/vantage/fonts/scalasansot-light-webfont.woff’) format(‘woff’),
    url(‘http://www.lifechangeroftheyearnominees.com/wp-content/themes/vantage/fonts/scalasansot-light-webfont.ttf’) format(‘truetype’), 
    url(‘http://www.lifechangeroftheyearnominees.com/wp-content/themes/vantage/fonts/proximanova/scalasansot-light-webfont.svg#scalasansotlight’) format(‘svg’); 
  font-weight: normal; 
  font-style: normal; } 
body { font-family: ‘scalasansotlight’ !important; }
  5. Jrosa14 11 years, 6 months ago

    ACtually, I can’t even change the font using the customize tool. I’ve tried selecting some other fonts in case I can’t get Scala to work and it won’t change to any font….

  6. Andrew Misplon Staff 11 years, 6 months ago

    /vantage/fonts/ isn’t an ideal place for the font files to be stored. They will get overwritten the next time the theme is updated.

    Please send through a link with the Custom CSS in place and I’ll take a look.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread