all fonts in footer smaller

Hello,

I want all fonts in the footer to be smaller.

Both headings, content, everything.

Can this be done with CSS or something else?


Kind Regards,

Steffen

Comments

  • Hi,

    Please, go to Betheme -> Theme options -> Fonts -> Size & Style, and enable the Auto font size, which automatically decreases the fonts for mobile display.

    You can also disable this option and manually set the fonts for desktop, tablet, and mobile.

    Thanks

  • Hello,

    well, I know this options. This is not the solution for my question.

    I will have ALL fonts ONLY IN FOOTER smaller. So I cant change the content-font size.


    Kind Regards,

    Steffen

  • So for that, the custom CSS will be necessary.

    Please, attach a link to your website, so I can prepare the proper CSS for your website.


    Thanks

  • Hello,

    thank you for answering.

    The website: https://pilze-vogtland.de/pilze/


    My fast solution, I use Heading fonts in Footer, but with CSS is the better solution.


    Kind Regrdas,

    Steffen

  • Please, use the following CSS:

    @media only screen and (max-width:767px){
       #Footer p{
          font-size: 15px!important;
       }
       #Footer h3{
          font-size: 20px!important;
       }
    }
    

    Thanks

  • Hello,

    this CSS is working, no qusetion, but IS NOT RESPONSIVE!


    How can I set CSS for Desktop, Tablet and mobile?


    Kind Regards,

    Steffen

  • Use this for tablet:

    @media only screen and (max-width:960px) and (min-width:768px){
       #Footer p{
          font-size: 20px!important;
       }
       #Footer h3{
          font-size: 25px!important;
       }
    }
    

    And this for desktop:

    @media only screen and (min-width:961px){
       #Footer p{
          font-size: 20px!important;
       }
       #Footer h3{
          font-size: 25px!important;
       }
    }
    

    Thanks

  • Hello,

    thank you, I try it.


    Kind Regards,

    Steffen

Sign In or Register to comment.