Problems changing typography Affinity Theme
-
Hi, I’m using the Affinity Template, and I have some problems changing the typography on the title. I want to put it in Montserrat, and I tried several times, but it still appeaars with another typo.
Thanks a lot
-
Hi cjebourassasauv,
Can you post url of your website, it would be easier to see and try to resolve issue. Otherwise I would have to install your theme on my server.
Thanks
Cheers
TRHi, yes, sure: http://lecarrefourdupain.com/
it’s “under construction” π
Hi CJ,
put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.
Iβm doing this on my browser to find solution.
It can get to some different behavior on your site.
It can happen that it is not working.
Then we have to look further.p.site-description { font-family: Montserrat; } or p.site-description { font-family: Montserrat!important; }Cheers
TRTahoe, thanks a lot!
I put both codes but it’s still not working. Absolutely no change :/It is working here,
Where did you put the code in?????
Did you put the code to the bottom of child theme stylee.css file or bottom of the file created by the plugin?
Cheers
TRHi,
I put it on the plugin.
Actually, right now it’s working…but in cursive.Thanks!
What I need to change is the typo on “LE CARREFOUR DU PAIN”. That seems imposible to change now, even if when it was a blog I could.
Thanks a lot for your help, really appreciated.
CJEBS
Hi buddy,
this can be the case:
You need to install google fonts on your WordPress site and then choose right Font Family
HERE is a link how to do it.Here is WordPress plugin Solution: EASY GOOGLE FONT PLUGIN
Then adding the code I mentioned above should work.
Let me know if this was helpful.
Cheers
TR-
This reply was modified 9 years, 7 months ago by
Tahoerock.
The words “Le Carrefour du pain” is your
.site-descriptionelement (aka “tagline”) and the font and italic style are being defined in this part of the CSS:.site-description { font-family: Lora,Baskerville,Georgia,Times,serif; font-style: italic; }I used a browser inspector to see where this was coming from – see the screenshot here:
There are two parts to adding a new font to a theme, as Tahoe Rock pointed out above:
1. You need to enqueue the font itself in the theme. Using a Google Font plugin as Tahoe Rock mentioned earlier is an easy way to do that in WordPress.
2. You need to add custom CSS to style the element you want to appear in that font. I see that you have a custom CSS plugin active, but there’s no code in it yet. After you install your Google Font plugin and follow the directions to enqueue Montserrat, you can then add this custom CSS to your theme:.site-description { font-family: Montserrat, Helvetica, Arial sans-serif;; }It’s always good to specify some “fallback fonts” that are likely to be installed on a viewer’s computer so just in case the Google font has trouble loading, they will at least see something in a similar style.
Let us know how it goes!
-
This reply was modified 9 years, 7 months ago by
Kathryn Presner. Reason: fixed typo
Can I jump in this thread?? I am also on the Affinity theme. I would love my header font to be Bromello but in dot org, there is no “font” menu in the customiser. So, am I correct in thinking I need to be doing the same as @cjebourassasauve by putting my font choice in the CSS?
If that’s right, then do I need to be doing this via my FTP files in Bluehost or can I simply do it in the WP customiser in my wordpress theme customiser?
Thank you!!
Can I jump in this thread??
You can, but in future it’s better if you start a new one — you’ll get a faster reply. π If it’s about Affinity, tag it with
wpcom-themeso we’ll see it. That’s because Affinity is not yet in the WordPress.org directory and it’ll get lost otherwise.I would love my header font to be Bromello but in dot org, there is no βfontβ menu in the customiser.
Since Bromello is not a Google Font, you can’t use a Google Font plugin, which makes it a lot more complicated. You would need to purchase a license for a web-compatible version of the font — or check the license and convert it yourself if you are permitted — and then create a child theme to enqueue the font. Finally, you would need to target the elements you want in Bromello with CSS in your child theme.
So there are a few steps if you’re intent on using that font.
So, am I correct in thinking I need to be doing the same as cjebourassasauve by putting my font choice in the CSS?
You can’t specify a font in CSS unless that font is enqueued in your theme first.
Here are some resources to help:
Child Theming
http://codex.wordpress.org/Child_Themes
https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/
Adding a font without a plugin
https://macmanx.com/2014/06/04/custom-fonts-without-plugins-for-wordpress-themes/
-
This reply was modified 9 years, 7 months ago by
The topic ‘Problems changing typography Affinity Theme’ is closed to new replies.
