Can't customize button font in Settings

edited January 2021 in Fonts

My font of choice for buttons is Lato. It works everywhere except Buttons. I tried Custom buttons in Settings, but with no success.

Here are the settings https://snipboard.io/hSaGrq.jpg

And this is how it looks on a page https://snipboard.io/AEoZ69.jpg

Seems to be Times New Roman.

How can I fix this?

Comments

  • Hello,

    I checked your website, and I cannot see that you are using Lato font.

    Also, I tested some Cyrilic word with Lato font, and it does not seem to work with it.

    Please, try to use diferent font, and check if it works then.


    Thanks

  • Ok, I've changed the font for buttons as well. Now it's Roboto Slab. Double-checked, double-saved, still looks like Times New.

    Maybe a custom CSS will help.

  • And one more question. How do I change a fancy link font? I was able to change the color, but not the font style.

    Here's my CSS

    .fancyfontBroker{

    color:DarkSlateBlue;

    font: 40px 600 Roboto Slab;

    }

    And here's how it looks like

    https://snipboard.io/fR6Xcl.jpg

    What's wrong?

  • 1) I noticed that you do not have the newest version of Betheme.

    Please, update it and check if the issue with fonts still appears.


    2) Please try to use this Custom CSS Code.

    .fancyfontBroker{
    font-size: 40px!important;
      color:DarkSlateBlue!important;
      font-weight:bold!important;
    	font-family:"Roboto slab", sans-serif!important;
    }
    

    Thanks

  • edited January 2021

    Yep, it works. But now the heading exceeds the Column width. how to fix?

    https://snipboard.io/nRp9j8.jpg

  • Please, modify the previous Custom Code to have this:

    .fancyfontBroker{
    font-size: 20px!important;
     color:DarkSlateBlue!important;
     font-weight:bold!important;
       font-family:"Roboto slab", sans-serif!important;
       white-space:  break-spaces!important; /*add this line*/
    }
    

    Thanks

Sign In or Register to comment.