Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #477945

    Hi Team,

    I can’t get the wanted font size on smartphones for my Fullscreen Slideshow on http://www.webigami.de

    On iPad landscape and portrait I could manipulate the font size of caption and content. But it just doesn’t work with this code on my iPhone:

    /** Fullscreen Slideshow Heading anpassen Smartphone */
    
    @media only screen and (max-width: 467px) {
    div .slideshow_caption h2 { font-size: 60px !important; }
    div.avia-caption-content { font-size: 25px!important; }
    #top .avia-slideshow-button { font-size: 18px; }
    }

    I’m using these codes for the iPad views:

    /** Fullscreen Slideshow Heading anpassen Tablet Hochformat*/
    
    @media only screen and (max-width: 768px) and (min-width: 481px){
    div .slideshow_caption h2 { font-size: 80px !important; }
    div.avia-caption-content { font-size: 28px!important; }
    #top .avia-slideshow-button { font-size: 20px; }
    }
    
    /** Fullscreen Slideshow Heading anpassen Tablet Querformat*/
    
    @media only screen and (max-width: 1024px) and (min-width: 769px){
    div .slideshow_caption h2 { font-size: 100px !important; }
    div.avia-caption-content { font-size: 32px!important; }
    #top .avia-slideshow-button { font-size: 22px; }
    }
    

    Please advise!!!

    Thanks,
    Jan :)

    • This topic was modified 2 years, 4 months ago by  WEBIGAMI.
    #478450

    Hi Jan!

    Use this instead:

    @media only screen and (max-width: 479px) {
        .responsive #top .slideshow_caption h2 { font-size: 60px !important; }
        .responsive #top .slideshow_caption .avia-caption-content { font-size: 25px!important; }
        .responsive #top .avia-slideshow-button { font-size: 18px; }
    }

    Regards,
    Josue

    #479592

    Hey Ismael,

    thank you, that finally worked :))

    Jan

    #479598

    You are welcome, glad to help :)

    Regards,
    Josue

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.