How do I go about adding a custom font choice? I’m interesting in something like: Open Sans, Apercu, Proxima Nova, or Segoe.
Thank You!
Custom Font
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Derek. Open Sans is there, just head to Appearance > Fonts to choose from an array of free Google Fonts. Apercu and Proxima and premium fonts. If you purchase them you can use them by setting them up under Appearance > Custom CSS.
I’m so dumb, I should’ve checked there first haha. Thank you!
Not a problem, lots hidden in the Customizer! If you want to check the fonts out in a nice setting you can head to: http://www.google.com/fonts.
Thanks! I got the Open Sans font setup on my site but now it does’t seem like the font color is changing. I want it to be black but it seems like a dark grey. I tried changing it to red just to see if it is working but even then it didn’t change. I’m currently going to Appearance -> Customize -> Fonts -> Content Color. Is there something I’m missing?
Check the font color on a regular page or post with content in the visual or text editors. Right now that setting does only change the “content” font color and doesn’t change widgets. The issue we have with Vantage and Page Builder combined is that font color is set for widgets individually in places, like the circle icon widget for example. You can try something like this under Appearance > Custom CSS to resolve:
/* Font Color */ body, button, input, select, textarea, p, h1, h2, h3, h4, h5, h6 { color: #000 !important; }Ah-ha! Worked like a charm! Thank you so much for outstanding customer service.
Not a problem, glad we could help.
How can I apply this to ONLY the “Circle Icon” widget?
Here is the full spread of selectors for the Circle Icon, change as required.
/* Circle Icon Heading Color */ .widget_circleicon-widget .circle-icon-box h4 { color: #3b3b3b !important; } /* Circle Icon Text Color */ .widget_circleicon-widget .circle-icon-box p.text { color: #5e5e5e !important; } /* Circle Icon More Link */ .widget_circleicon-widget .circle-icon-box a.more-button { color: #3b3b3b !important; } .widget_circleicon-widget .circle-icon-box a.more-button:hover { color: #dd3333 !important; } /* Vantage set Circle Icon Widget Icon color */ .widget_circleicon-widget .circle-icon-box .circle-icon [class^="icon-"] { color: #FFFFFF; }Thanks!
No problem.