Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 1, 2015 at 9:10 pm #512440
    Gimrog

    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

    October 2, 2015 at 7:08 am #512573
    Ismael

    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

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