Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #997616

    My caption doesn’t fit on the mobile screen. I am trying to change the font size from 20px to 15px which I think will fix it. I used this CSS code:

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

    But it didn’t work. Suggestions?

    Website: http://box5407.temp.domains/~theinuo4/

    Thanks!

    #997755

    Hey ginnywills,

    Please try this instead:

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

    Best regards,
    Rikard

    #998001

    Hi there

    That did not work either. Any other thoughts?

    #998269

    Hi,

    Thanks for the feedback, though I can see the code applying on my end. The font is 15 pixels on phone sizes. Maybe you want it to apply up to tablet size as well? If so you can try to adjust the media query pixel value to 767 instead.

    Best regards,
    Rikard

    #998320

    is it this slider only ?
    You can use for it the screen options dialog of the slide itself

    #998482

    Thanks for this.

    Yes – that CSS code is working. Perhaps mine was cached or something.

    I also did not realize I could adjust the slider title in the options. Very cool.

    Thanks!

    #998485

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Change font size on slider caption – Mobile only’ is closed to new replies.