Change font-family hidden in navigation areas – Veni Theme

iambrettzeck · Member · Sep 20, 2019 at 4:22 pm
Copy link

Add topic to favorites
For screens smaller than 960px in width there is a hamburger menu with ‘Menu’ above it, and larger than 1190px (I believe?) there is text ‘Follow” before some social icons in the sidebar.

Can someone help me in changing the font-family to futura for both of these instances? Just that. Right now it is “Playfair Display”, serif.

Thank you!

The blog I need help with is: (visible only to logged in users)
kokkieh · Staff · Sep 23, 2019 at 6:35 am
Copy link
Hi there,

You’ll need this CSS:
```
button.menu-toggle, span#socMenuTrig.social-menu-trig {
	font-family: futura;
}
```
However, I don’t recommend changing fonts in this way. At the very least, you should follow the standard practice of using a font-stack rather than specifying a single font like this. With a font-stack you can specify fallback fonts in case the one you want to use is not available to someone viewing your site – Futura has not been imported into your theme’s style.css file, so that font will only work for someone if it’s already installed on their computer.

You can learn more about font stacks here:

https://www.lifewire.com/font-stack-definition-3467414

You can find an example font stack for Futura here:

https://www.cssfontstack.com/Futura

That example uses the stack, `font-family: Futura,Trebuchet MS,Arial,sans-serif;
`
iambrettzeck · Member · Sep 25, 2019 at 7:57 pm
Copy link
This is perfect! I updated the font family to include the stack. Thank you so much.
katya0858 · Member · Sep 26, 2019 at 2:51 pm
Copy link
у меня на сайте отображается
перед надписью “Защищено”
как с этим бороться?
https://wordpress.com/view/promebelminsk.wordpress.com
staff-doublebassd · Staff · Sep 26, 2019 at 3:58 pm
Copy link
Hey @katya0858,

I would love to assist you, but in order to keep threads on topic, I wanted to see if you could create a new post?:

https://en.forums.wordpress.com/?new=1

Thanks!

No items found.