I'm in The Fox's typography section and I don't see an option to set letter-spacing for google fonts. Is this something I need to add custom CSS for? Additionally, I want to change the letter spacing on all buttons. What class(es) do I need to call-out to make sure my custom styling always takes priority?
Yes you would need to add custom css, better to add custom css to the class or part of the theme you want to change the letter spacing.
For the buttons, if you are using chrome try to make a right click on the button and select inspect element, you should be able to see the class in the console, adding custom css to this class would overwrite the default theme settings.
Do not hesitate to contact us if you have more questions.
Thanks! 2/3 of the fonts we use are on Google Fonts. However, we have a font that we've purchased for specific use-cases, this includes H1 elements on our website. How do I embed a purchased font into The Fox? I've been playing with it, and haven't been able to make it work as of yet. Thanks!
Sorry, I guess my question wasn't very clear. I know how to embed using @font-face (the required method for our license), however I'm not sure how to make it an option in the font drop-down within The Fox's typography tag, rather than having to custom code every use-case for the font. Can you give me some direction there?
Also, this may go without saying, but I'm using the child theme to layer this functionality in.
I'm in The Fox's typography section and I don't see an option to set letter-spacing for google fonts. Is this something I need to add custom CSS for? Additionally, I want to change the letter spacing on all buttons. What class(es) do I need to call-out to make sure my custom styling always takes priority?
Hello Chris,
Yes you would need to add custom css, better to add custom css to the class or part of the theme you want to change the letter spacing.
For the buttons, if you are using chrome try to make a right click on the button and select inspect element, you should be able to see the class in the console, adding custom css to this class would overwrite the default theme settings.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Thanks! 2/3 of the fonts we use are on Google Fonts. However, we have a font that we've purchased for specific use-cases, this includes H1 elements on our website. How do I embed a purchased font into The Fox? I've been playing with it, and haven't been able to make it work as of yet. Thanks!
Hello Chris,
It depends on the font type but you can check this tutorial : https://css-tricks.com/snippets/css/using-font-face/
This should do the trick.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Sorry, I guess my question wasn't very clear. I know how to embed using @font-face (the required method for our license), however I'm not sure how to make it an option in the font drop-down within The Fox's typography tag, rather than having to custom code every use-case for the font. Can you give me some direction there?
Also, this may go without saying, but I'm using the child theme to layer this functionality in.
Hello Chris,
To do this you would have to modify the theme option panel file, we are using the redux framework.
The php files that need to be modified are in the admin folder.
There is not an easy thing to do.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme