Salient v13.0 Major Release (3/25/2021) is now available.

If you're on a version prior to 10.5 and are considering updating, it's important to read through our update guide before updating to ensure a smooth transition.

Click here to view the update guide

Okay
  Public Ticket #2711429
Typography
Open

Comments

  • Ring, Fabian started the conversation

    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)

    Attached files:  Bildschirmfoto 2021-03-05 um 19.09.13.png

  •  5,651
    Tahir - SUPPORT replied

    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

  • Ring, Fabian replied

    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?

    Attached files:  Bildschirmfoto 2021-03-05 um 20.21.32.png

  •  5,651
    Tahir - SUPPORT replied

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

  • Ring, Fabian replied

    it’s 

    www.docu.design

    thank you 

  •  1,652
    Andrew replied

    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

    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.



    Attached files:  right.png
      with your code.png

  •  1,652
    Andrew replied

    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.