Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 2, 2015 at 1:46 pm #528459
    ftt123

    Hello again Ismael, in relation to post #521415 I added in Enfold theme options under General Styling tab the snippet you mentioned in order to avoid the distortion but it does not work.
    I mean, it works the snippet for increasing the height, but not the snippet for avoiding distortion of slider images
    I am sending you below screenshots
    thanks again!

    November 3, 2015 at 5:31 am #528988
    Ismael

    Hi ftt123!

    Thank you for using Enfold.

    Did you adjust the values? 

    .av_slideshow_full li img {
    width: 150% !important;
    max-width: 150% !important;
    margin-left: -25%;
}

    Also, you need to insert it inside the css media query. 

    @media only screen and (max-width: 768px) {
.avia-slideshow-inner, .avia-slideshow-inner img {
    height: 300px !important;
}

.av_slideshow_full li img {
    width: 150% !important;
    max-width: 150% !important;
    margin-left: -25%;
}
}

    Best regards,
    Ismael

    November 3, 2015 at 10:47 am #529090
    ftt123

    Good morning Ismael,
    when you say ” insert it inside the css media query” you mean in Enfold theme options under General Styling?
    because I placed all as is (with the same values you say) on theme options -> General Styling

    November 4, 2015 at 11:56 am #529910
    Andy

    Hi!

    these are css media queries:

    @media only screen and (max-width: 768px) {

}

    With them you can achieve different behaviors on different screen sizes.

    Put the code Ismael provided to you into Quick CSS field in Enfold->General Styling->Quick CSS

    Regards,
    Andy

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