Custom CSS for a font

  • Resolved airit3ch

    (@airit3ch)


    4 years, 2 months ago

    Hello! I am using Elementor Lite (not pro)
    And BeTheme, I have used this plugin to add more custom fonts.

    The font that I am using has numbers that are of different heights, often referred to as text figures or old-style-figures. They basically look like bouncy up and down numbers because they are different heights and sizes.
    The font creator has a guide on how to fix it, and it requires adding custom CSS to the font.

    font-variant-numeric: lining-nums;

    I cannot find anywhere in the plugin for where to add this custom CSS to the font so that the numbers are the correct height. So my custom is, how do I add custom css to the fonts that I have uploaded using this plugin? Is that option even available? I cannot use custom css for elementor because I do not have the pro version.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hi @airit3ch,

    You can use inline CSS or use a custom class to add the provided CSS code.

    Or if you would like a custom CSS code to be applied on a specific page/post, you can use a plugin like Post/Page specific custom CSS or WP Add Custom CSS.

    I hope it will help. Feel free to reach out to us if you have any further queries.

    Kind regards,
    Herman ??

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hi @airit3ch,

    Hopefully, you found the previous reply helpful. And since we haven’t heard back from you in a while, I’m going to mark this as resolved. Feel free to reach out to us in this thread or reach out to us through our Support Portal if you have any further questions.

    Kind regards,
    Herman ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS for a font’ is closed to new replies.