all fonts in footer smaller

Astrophytum · June 2022

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

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

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

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

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

Astrophytum · July 2022

Hello,

thank you, I try it.

Kind Regards,

Steffen

all fonts in footer smaller

Comments