Change font button

LonaBSarti

Hi,

How can I change the font of the button at the bottom of the following page:

https://www.mijnzonneveld.nl/financiering

Thanks!

Pablo

Hi,

You have to change the font of the whole Content on your website.

Theme Options > Fonts > Family  - and change value of the Content.

If you want to change the font family of this button only, then you have to change it with CSS.

Do you need help with this CSS?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

LonaBSarti

Yes please!

Pablo

Hi,

Please paste this CSS into the Theme Options > Custom CSS & JS > CSS

.plan-footer .button span{
  font-family:'Arial' !important;
}

Do not forget to change the font to other

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

LonaBSarti

Hi,

Thanks for your code.

Unfortunately it does not seem to work. Maybe because it is a custom font (Marydale).

Should the code be adapted to accommodate a custom font?

Thanks!

Pablo

Did you upload the Custom Font in the BeTheme?

Theme Options > Fonts > Custom

Also, I've added this CSS with the font "Marydale" and it's working.

Please add this code again and clear your browser cache.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

LonaBSarti

Hi,

Yes, I added this through 'Theme Options > Fonts > Custom''

It is still not reflecting the Marydale font. Even after clearing the browser cache.

The font is not reflected at all in firefox.

Btw: this is button is not in a footer. I added a section (or is the last section considered the footer?)

This is the code I added to custom css:

.plan-footer .button span{

  font-family: 'Marydale' !important;

}

Which browser are you using?

Pablo

Hi,
You have a CSS brackets problem.
http://prntscr.com/mhrynh

You inserted one bracket not correct, and you didn't close the bracket of the media query.
After it, everything works fine.
Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

LonaBSarti

Hi,

Thanks!! That worked like a charm.

The only thing:  the pricing item label is now left aligned. (should remain centered)

Apologies, took this site over from another designer, still working my way through the code. Appreciate your help!

Thanks

LonaBSarti

Oops... other text and titles on the page that used to be centered are nog left aligned.... :-O

Pablo

I removed your CSS and everything works fine.

It must be the issue of one of your CSS code lines.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

LonaBSarti

That's what I thought as well... 

Removed it all... it's working now.

Thank you for your support.