-
Posts
-
Hi, I am using enfold.
I would like to know if there is a way to reduce or adapt image caption font and text line height on mobile devices.
I’ve tried this on quick CSS:
@media only screen and (max-width: 1024px) and (min-width: 767px) {
.av-image-caption-left p {
font-size: 8px;
line-height: 10px;
}}but it does not work, I think I’ve done something wrong.
I test the pages on responsinator.com
In private content area more details.
Thank you very much in advanceHey argentinadelfina,
There is no element with the av-image-caption-left class on either of the pages you are referring to. Could you try to explain a bit further what you are looking to achieve please?
Best regards,
RikardHi thank you for your reply and sorry for the late in mine.
I find out how to change caption font size on mobile adding this to quick CSS@media only screen and (min-width: 768px) and (max-width: 788px) {
.av-image-caption-overlay-center p {
font-size: 28px;
line-height: 1.5em;
}}
@media only screen and (min-width: 789px) and (max-width: 906px) {
.av-image-caption-overlay-center p {
font-size: 13px;
line-height: 1em;
}}
@media only screen and (min-width: 907px) and (max-width: 1023px) {
.av-image-caption-overlay-center p {
font-size: 14px;
line-height: 1.2em;
}}
@media only screen and (min-width: 1024px) and (max-width: 1073px) {
.av-image-caption-overlay-center p {
margin-left: -5px;
font-size: 15.5px;
line-height: 1.2em;
}}
@media only screen and (min-width: 1074px) and (max-width: 1287px) {
.av-image-caption-overlay-center p {
font-size: 14px;
line-height: 1.2em;
}}Thank you
Hi jordan, thank you for your reply.
Everything works now, if I will need additional help I will contact you. I think we can close.
Thank you very much in advance for your help.
- The topic ‘Image caption font size on mobile/responsive’ is closed to new replies.