Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 18, 2018 at 10:50 am #1011194
    poppenhaeger

    Hi there,
    I am looking for a way to optimize the font size for the text in picture overlays.
    In my case, the appear to be to small on larger screens and too big on smaller screen (e.g. tablet, smartphone).

    Is there a solution for this?
    Thanks!

    September 18, 2018 at 12:54 pm #1011238
    Rikard

    Hey Fred,

    I get a 404 error on the URL you linked to, could you check and post a working link please?

    Best regards,
    Rikard

    September 18, 2018 at 1:19 pm #1011253
    poppenhaeger

    Yes sorry, updated the page in between.

    September 18, 2018 at 2:45 pm #1011312
    Victoria

    Hi poppenhaeger,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .av-image-caption-overlay-center {
    font-size: 13px !important;
  }
}
@media only screen and (min-width: 1440px) {
   .av-image-caption-overlay-center {
    font-size: 22px !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 18, 2018 at 2:52 pm #1011318
    poppenhaeger

    Thank you, that works!

    September 18, 2018 at 3:24 pm #1011349
    Victoria

    Hi poppenhaeger,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Flexible font size for picture overlays’ is closed to new replies.