Okay
  Public Ticket #2452713
Font Assistance
Closed

Comments

  • Myles started the conversation

    I currently have a plugin called "Use Any Font", which allow me to add custom fonts to the theme by assigning them to custom elements.

    1) I want to update the font on the PAGE LOADER text (e.g. 10%, 50%, 100%), but keep all others the same. I realised I could update the element '.light-content' within the plugin, however this changes the font in other places, which I do not want.

    2) I also want the font of the list on the "Work" page, where the 3 dots show to the right my logo.

    To conclude, I want the "Futura-bold" font to be assigned to the PAGE LOADER as well as the FILTERS list on the "Work" page. 

    I have attached screenshots.

    If a workaround can be suggested or the custom element can be provided, this would be a great help.

  •  1,810
    Support replied

    Hi Myles,

    try assigning the font family you want to the following CSS selectors:

    .percentage

    and 

    #filters li a


    for example

    #filters li a {
        font-family: 'Futura Bold' !important;
    }

    not sure if the font family is actually right


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Myles replied

    Excellent, this has worked for me.

     Is there anyway to reduce the font size of:

    #filters li a
  •  1,810
    Support replied

    Hi Myles,

     try to decrease both line height and font size with

    #filters li a {
        font-size: 48px;
        line-height: 60px;

    }

    in customizer -> additional CSS

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy