css figcaption font-size responsive

Pitter
11 Posts
Pitter posted this 14 August 2019

Hi,

I have added css format for figcaption font-size in the custom css settings like attachment.

Now I must set the font-size depending on the device i.e. smaller on tablet landscape, more smaller on mobile phone.

Where and how can I do this?

Thanks in advance
Peter

Hi, I have added css format for figcaption font-size in the custom css settings like attachment. Now I must set the font-size depending on the device i.e. smaller on tablet landscape, more smaller on mobile phone. Where and how can I do this? Thanks in advance Peter
Vote to pay developers attention to this features or issue.
4 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 14 August 2019

Hello Peter,

You can set default fonts under Design -> Fonts -> More Options:

font-settings.png

You can also define it in em rather than px to be more responsive.

Gina
Themler Support

Hello Peter, You can set default fonts under Design -> Fonts -> More Options: !font-settings.png! You can also define it in **em** rather than **px** to be more responsive. Gina Themler Support
Pitter
11 Posts
Pitter posted this 14 August 2019

Hi Gina,

yes, I know. I specially want to set some font settings for figcaption, because of the used font size is to large (text to long) only for tablet portrait and mobiles.

Can I set this, too?

Peter

Hi Gina, yes, I know. I specially want to set some font settings for **figcaption**, because of the used font size is to large (text to long) only for tablet portrait and mobiles. Can I set this, too? Peter
Support Team
Support Team posted this 15 August 2019

There is no setting for figcaption in Themler, but you can add custom code to Home -> Settings -> Additional CSS:

@media (max-width: 600px) {
figcaption {
font-size: 1em;
}
}

This is just an example. You can add several pieces of this code - each for different max-width. You can check what max-width to specify under Home -> Settings based on your values for different responsive modes.

Gina
Themler support

There is no setting for figcaption in Themler, but you can add custom code to Home -> Settings -> Additional CSS: @media (max-width: 600px) { figcaption { font-size: 1em; } } This is just an example. You can add several pieces of this code - each for different max-width. You can check what max-width to specify under Home -> Settings based on your values for different responsive modes. Gina Themler support

Last edited 15 August 2019 by Support Team

Pitter
11 Posts
Pitter posted this 15 August 2019

Thank you, Gina!!

Thank you, Gina!!
You must log in or register to leave comments