Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #512440

    Hello all,

    I would like to know how to fix the width of Title & Text in easy slider. Currently it’s about 40% and i would like that text could fix around 60 of the whole easy slide.

    My webpage where you can see the use of easy slider is: http://www.loesencial.es

    After that adjustment i would like to escalate the text size depending of the screen where the webpage is displayed (in an iphone, or some other device)

    Could you provide me the code to change the text width (in percentage) and escalation of text size depending of the screen?

    Many thanks in advance

    #512573

    Hey Gimrog!

    Thank you for using Enfold.

    Please use this in the Quick CSS field to adjust the width of the caption:

    .slideshow_caption {
        width: 60%;
    }

    Adjust the font size of the title and text with this:

    .avia-caption-content {
        font-size: 20px !important;
    }
    
    .avia-caption-title {
        font-size: 50px !important;
    }

    Use css media queries in order to adjust the values in different screen sizes. Example for iPad or tablets:

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 989px) {
    .slideshow_caption {
        width: 50%;
    }
    
    .avia-caption-content {
        font-size: 15px !important;
    }
    
    .avia-caption-title {
        font-size: .30px !important;
    }
    }

    Best regards,
    Ismael

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