Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1265970

    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 advance

    #1266207

    Hey 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,
    Rikard

    #1266512

    Hi 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

    #1266707

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1267100

    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.

    #1267295

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Image caption font size on mobile/responsive’ is closed to new replies.