Change font

Shapely
1

Hello!

I managed to change the fonts in almost all parallax sections and used this css:

body, a, p, h1, h2, h3, h4, h5, input, .tagline {
font-family: ‘Abel’, serif !important;
}

Now I have three areas where the font is still wrong:

  1. header of the parallax section where the image is left
  2. call to action area
  3. blog articles, and pages

Would you be so kind and send me the correct css, please?!

Here is the page: http://empoweringvalue.de/empoweringvaluede/

Thank you very much!

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the fonts by going to Appearance > Customize > Additional CSS and pasting it there.


span, html, .shapely_home_parallax h3 {
    color: white!Important;
    font-family: ‘Abel’, serif !important;
}

Best Regards,
Support

3

Thank you so much!
Unfortunately it change it to something looking like “Times” but not “Abel” eventhough I used exactly your CSS.
Strange!
It does not solve 2. or 3. as well.
Any ideas?
Thank you!

4

Hi there,
Thanks for keeping in touch with us.

Please clear your browser cache. All the text on your site is displaying Abel font. Your blog is on an entirely different domain which means it’s on a different installation of WordPress, and as a result, you’ll need to add the code to that site as well.

Also, just for the button, I’ve added .btn to the initial CSS so it’s now:

body, a, p, h1, h2, h3, h4, h5, input, .tagline, .btn {
font-family: ‘Abel’, serif !important;
}

I hope this helps :slight_smile:

Best Regards,
Support

5

Thank you!
I am so sorry! Blonde me! :wink:
It works well now. The cfa, too!

It does not work for the mobile version, though. Appears in a Times like font, even though it shows Abel in the preview version of the Customizer. Any ideas? I did clear the cache. I did look on devices I never checked on before. (using iPhone or iPad). Attached a screen shot.
As you can see the sizes are mixed up too and don’t relate to the PC version.

6

Hello there,

I hope you are doing well today.

It is strange that the font will not change. Please try using the following plugin to change the font to “Abel”:

Best Regards,
Support

7

This did work really well!
Thank you very much!
All the best, An

8

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support