Okay
  Public Ticket #2711429
Typography
Closed

Comments

  • Ring, Fabian started the conversation
    March 5, 2021 at 6:12pm

    Hi there,

    I managed to change the footer font by adding a custom code already:

    #footer-outer a,#footer-outer p {
    font-size: 15px !important;
    font-family: input-mono-light;
}

    What do I need to add to change the top font as well (from h4 to h6)

  •  8,848
    Tahir replied
    March 5, 2021 at 7:05pm

    Hey Ring, Fabian,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #footer-outer h4,#footer-outer h6 {
    font-size: 15px !important;
    font-family: input-mono-light;
}

    Thanks

    ThemeNectar Support Team 

  • Ring, Fabian replied
    March 5, 2021 at 7:26pm

    Hi there, thank you for your fast reply, but I feel this didn't help me (screenshot attached)

    I want the orange text to be the same as h4
    and the black text input-mono-light

    Now it's just all back to normal. I do not have any syntax errors. Do you have any other idea?

  •  8,848
    Tahir replied
    March 5, 2021 at 7:30pm

    Hey,
    Please provide the page URL so I may write up the custom CSS for this request.
    Thanks

    ThemeNectar Support Team 

  • Ring, Fabian replied
    March 5, 2021 at 7:56pm

    it’s 

    www.docu.design

    thank you 

  •  2,962
    Andrew replied
    March 6, 2021 at 5:37am

    Hi There,

    Please try this css:

    #footer-outer #footer-widgets .col p:last-child {
        font-family: 'input-mono-light';
    }
body #sidebar h4, body .widget h4, body #footer-outer .widget h4 {
    font-size: 31px!important;
    }

    Thanks.

  • Ring, Fabian replied
    March 6, 2021 at 12:08pm

    Hi I'm sorry, it's still not working. Screenshot "right" show how I want it to be. The other one shows how it looks like with the code from Andrew.

    Like shown in the first post I am able to change the footer body, but I do not know how to change the "Headline", in this case  docu.design" from h4 to h6 in the footer.



  •  2,962
    Andrew replied
    March 7, 2021 at 6:33pm

    Hi Ring,

    It is not possible convert h4 to h6, you can may be increase the h6 size to be as big as h4.

    Thanks.