Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3121608
Caption font size problem on iphone
Closed

Comments

  • Rboullay started the conversation
    September 9, 2022 at 8:25am

    Hello

    sorry another problem

    i ve set this code in order to change size font of caption images

    .wp-caption p.wp-caption-text, .penci-featured-caption {
      font-size: 10px !important;
      margin-top: -5px;
    }

    my problem is that it dind't work on iphones??



  •  2,488
    PenciDesign replied
    September 9, 2022 at 11:05am

    Hi,

    The custom CSS you've already applied to the caption images on mobile, here is a screenshot:

    G3snuHo.png

    Please clear all the browser cache & check again.

    Regards,
    PenciDesign.


  • Rboullay replied
    September 9, 2022 at 11:10am

    i know it works but not on iPhone ?

    Look not the featured caption but thé others please you will see like my screen shot 

  •  2,488
    PenciDesign replied
    September 9, 2022 at 1:46pm

    Hi,

    You can modify the CSS code like this:

    @media only screen and (max-width: 767px) {
    .wp-caption p.wp-caption-text,
        .penci-featured-caption {
            font-size: 10px !important;
            margin-top: -5px;
        }
}

    Regards,
    PenciDesign.



  • Rboullay replied
    September 9, 2022 at 2:08pm

    i v already done that and it doesn't work

  •  2,488
    PenciDesign replied
    September 9, 2022 at 3:44pm

    Hi,

    Here is a screenshot of your site on my phone, the image caption display the same as your custom CSS.

    VEXqYNe.png

    You should check your site on private windows.

    Regards,
    PenciDesign.


  • Rboullay replied
    September 9, 2022 at 3:52pm

    has i wrote before it is not the featured caption the problem

    But all others captions

    Look same page under another image please

  •  2,488
    PenciDesign replied
    September 9, 2022 at 4:53pm

    Hi,

    I've checked your site and not found the code I've sent on this reply: https://pencidesign.ticksy.com/ticket/3121608/#comment-16728313

    Have you added this to your site?

    Regards,
    PenciDesign.


  • Rboullay replied
    September 9, 2022 at 5:00pm

    yes the code is there 

    It was already there before your answer

    !important don’t solve problem

  •  2,488
    PenciDesign replied
    September 9, 2022 at 5:04pm

    Hi,

    You should clear all the site cache, because I'm searching the site source code but still not found the code I've sent.

    Regards,
    PenciDesign.


  • Rboullay replied
    September 9, 2022 at 5:10pm

    look

  •  2,488
    PenciDesign replied
    September 9, 2022 at 5:11pm

    Hi,

    Let's check the code I've sent:

    @media only screen and (max-width: 767px) {
    .wp-caption p.wp-caption-text,
    .penci-featured-caption {
        font-size: 10px !important;
        margin-top: -5px;
    }
}

    This is contain the max-width: 767px.

    Regards,
    PenciDesign.


  • Rboullay replied
    September 9, 2022 at 5:16pm

    it is done 

    it doesn't solve the problem

  • Rboullay replied
    September 9, 2022 at 5:16pm

    sorry with print screen

  • Rboullay replied
    September 9, 2022 at 5:25pm

    ok ok i have paste your code and look

    same problem

  • Rboullay replied
    September 9, 2022 at 5:25pm

    print screen sorry

  •  2,488
    PenciDesign replied
    September 10, 2022 at 2:34am

    Hi,

    Please try to add the following code to your site:

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .wp-caption p.wp-caption-text {
            font-size: 5px !important;
            margin-top: -5px;
        }
    }

    Regards,
    PenciDesign.



  • Rboullay replied
    September 10, 2022 at 7:33am

    Hello

    Sorry it doesnt work

  •  2,488
    PenciDesign replied
    September 10, 2022 at 9:00am

    Hi,

    Please try to replace it with this CSS code:

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {     
    body .penci-featured-caption,
        body .wp-caption p.wp-caption-text {
            font-size: 5px !important;
            margin-top: -5px;
        }
    }

    Regards,
    PenciDesign.



  • Rboullay replied
    September 10, 2022 at 9:08am

    it workkssss!!!!!

    thanks

  • Rboullay replied
    September 15, 2022 at 9:17am

    ok sorry 

    i send you a video has you can see there is a bug when we scrool up (size reduce and grow)...

    further more, in android this code make caption very very small?

    Thanks

  •  2,488
    PenciDesign replied
    September 15, 2022 at 10:24am

    Hi,

    Please modify the previous code like this:

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {     
        body .penci-featured-caption,
        body .wp-caption p.wp-caption-text {
            font-size: 10px !important;
            margin-top: -10px;
        }
    }

    Regards,
    PenciDesign.



  • Rboullay replied
    September 15, 2022 at 10:41am

    i see no change on iphone with this code sorry


  •  2,488
    PenciDesign replied
    September 15, 2022 at 4:14pm

    Hi,

    I've checked your site on my phone (iOS Safari) but have not found any issue:

    Please check again on the private/incognito mode.

    Regards,
    PenciDesign.