Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #668330

    HI

    I don’t think there’s a thread that gives example CSS to cover this issue!!

    OK, here goes, the terminology is very precise!

    Would like some quick CSS please for the following:

    Fullscreen slider + “CAPTION TEXT font size” + mobile

    looking to increase mobile size as on iphone it’s very small.

    I CAN CHANGE “CAPTION TITLE” font size on mobile through previous posting of example CSS, but not CAPTION TEXT.

    your advice please!

    many thanks

    Richard

    #669278

    Hi Richard,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
    .avia-caption-content {
    font-size:20px !important;
    }
    }

    Thanks,
    Rikard

    #670574

    Hi

    This doesn’t seem to work – I’ve flushed all caches.

    Is this specifically for the “fullscreen slider” ?

    What I did notice is that both the “caption title” and “Caption text” became the same size although, oddly, the font size isn’t 20 (or 38 etc.)

    Ideally I’d be able to change both “caption title” and “caption text” font size

    Thanks!

    #672083

    Hi,

    caption title:

    @media only screen and (max-width: 767px) {
    h2.avia-caption-title {
    font-size: 10px !important;
    }}
    

    caption text:

    @media only screen and (max-width: 767px) {
    .avia-caption-content.av_inherit_color {
    font-size: 20px !important;
    }}
    

    Adjust as needed.

    Best regards,
    Andy

    #672347

    Sorry guys this doesn’t work either

    please double check this should work for the fullscreen slider ….

    I’ve flushed all caches, used new flushed browser and preview mode etc.

    regards

    richard

    #672555

    Hi,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #672921

    Hi please see the login details

    On Iphone, for example, the fullscreen slider text font is tiny.

    I have 4 other websites and will find the solution very helpful.

    I wonder if others would have the same problem – clearly, mobile phone screens are very small but the font size of the caption is smaller than paragraph font.

    Many Thanks indeed.

    #673220

    Hi,

    I’ve put this code into your Quick CSS field:

    @media only screen and (max-width: 767px) {
    .responsive #top .slideshow_caption h2 {
    font-size: 10px !important;
    }}
    @media only screen and (max-width: 767px) {
    .responsive #top .slideshow_caption .avia-caption-content {
    font-size: 15px !important;
    }} 
    

    and now it’s working as expected. Adjust font-size as needed.

    Best regards,
    Andy

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.