Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 4, 2016 at 2:17 am #668330
    richardbeatty

    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

    August 6, 2016 at 9:20 am #669278
    Rikard

    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

    August 10, 2016 at 2:49 am #670574
    richardbeatty

    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!

    August 12, 2016 at 9:56 pm #672083
    Andy

    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

    August 14, 2016 at 11:05 am #672347
    richardbeatty

    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

    August 15, 2016 at 8:25 am #672555
    Rikard

    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

    August 16, 2016 at 1:24 am #672921
    richardbeatty

    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.

    August 16, 2016 at 1:53 pm #673220
    Andy

    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

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