Change font button

Comments

• 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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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
  

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

  February 2019

  That's what I thought as well... 

  
  

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

  
  

  Thank you for your support.