all fonts in footer smaller

Comments

• Phil

  June 2022

  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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Astrophytum

  June 2022

  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
• Phil

  June 2022

  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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Astrophytum

  June 2022

  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
• Phil

  July 2022

  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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Astrophytum

  July 2022

  Hello,

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

  
  

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

  
  

  Kind Regards,

  Steffen
• Phil

  July 2022

  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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Astrophytum

  July 2022

  Hello,

  thank you, I try it.

  
  

  Kind Regards,

  Steffen