css figcaption font-size responsive

pk
10 Posts
pk posted this 3 days ago

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 3 days ago

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
pk
10 Posts
pk posted this 2 days ago

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 2 days ago

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 2 days ago by Support Team

pk
10 Posts
pk posted this yesterday

Thank you, Gina!!

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