Tagged: resize, responsive, Text block
Hi folks, new to Enfold here.
I have a color section. Within that color section I have a text block. I have some text and have set the size to 40px (all through Avia, not CSS).
When I shrink the width of my browser, the text in this section does not shrink at any point. It does stack as the browser width shrinks, but the size itself stays at 40px. This means it looks horribly at odds with the rest of the design elements, which seem to adjust.
Is there an obvious way to set text to resize? Am I missing something?
Thanks in advance for any help.
Hi, any moderators around? Seems like there must be a way to fix this. Thanks.
Hi,
Could you provide us with a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
I’m developing it on my local system, so no link/login access available. Any specific info I can give you? Any thoughts what might be the problem? (I could try and troubleshoot on my end.)
Thanks.
Hey!
Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your textblock element a custom CSS class and then add following code to Quick CSS in Enfold theme options under Genral Styling tab
@media only screen and (max-width: 767px) {
.your-custom-class p { font-size: 18px !important; }}
Best regards,
Yigit
OK great, it worked. Thanks!
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Regards,
Yigit