Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hey,
Is there a way I can make all my headings Rubik One from Google Fonts? Looks like it’s not in your dropdown.
Thanks!
Hi Cassie
I imagine Rubik One is a relatively new font if its not in the list. We’ll be sure to update that font lists for the next update :)
Awesome, thanks Greg!!
Hi Cassie
You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
@import url(https://fonts.googleapis.com/css?family=Rubik+One); h1, h2, h3, h4, h5, h6 { font-family: 'Rubik One', sans-serif; }You might also need to install the SiteOrigin CSS Editor.
This must be inserted at the top of your Custom CSS. The @import should be the first line of Custom CSS.
Thanks for the @import tip… I did this, putting that code on the very top of my custom CSS, but it isn’t working. Any idea?
solfarm.com
THANK YOU!!!! :)
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Solfarm.com… pay no attention to some of the broken images if you them. Having an issue w my host.
Try:
@import url(https://fonts.googleapis.com/css?family=Rubik+One); .layout-boxed h1, .layout-boxed h2, .layout-boxed h3, .layout-boxed h4, .layout-boxed h5, .layout-boxed h6 { font-family: 'Rubik One', sans-serif; }Awesome! That worked. Is it because I use the boxed layout for the theme?
Thanks very much for all your help!
For sure :) Glad we could help.
The nitty gritty if you’re interested:
The Customizer outputs CSS. Its font selection was taking precedence over our custom CSS. We added the body class relating to the boxed layout to increase specificity, thereby overriding the Customizer outputted CSS. We could have also used !important.