Change font button

LonaBSarti · February 2019

Hi,

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

https://www.mijnzonneveld.nl/financiering

Thanks!

Pablo · February 2019

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

LonaBSarti · February 2019

Yes please!

Pablo · February 2019

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

LonaBSarti · February 2019

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 · February 2019

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

LonaBSarti · February 2019

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 · February 2019

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

LonaBSarti · February 2019

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 · February 2019

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

Pablo · February 2019

I removed your CSS and everything works fine.

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

Thanks

LonaBSarti · February 2019

That's what I thought as well...

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

Thank you for your support.

Change font button

Comments