Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 7, 2016 at 3:41 pm #609706
    Phet

    Hey guys,

    For my responsive version of http://psychologuewestisland.com, in the iPhone 5 portrait version (320×568), I’ve tweak the height of the Fullwidth Easy Slider. This was done to accommodate the caption and the buttons.

    1) I’m looking into reducing the width of the 2 buttons, so they can float one beside the other.
    2) I’m looking into tweaking the height of the background image, so it can fill the height of the Fullwidth Easy Slider.

    Thanks,
    Phet

    April 11, 2016 at 5:29 am #610954
    Ismael

    Hey Phet!

    Thank you for using Enfold and sorry for the delay.

    Add this inside the css media query:

    .avia-slideshow-inner li {
    min-height: 410px !important;
}

.avia-slideshow-inner li img {
    min-height: 410px !important;
    min-width: 600px !important;
    margin-left: -100px;
}

#top .avia-slideshow-button {
    padding: 7px 8px;
    font-size: 11px;
    margin: 10px 5px;
}

    Regards,
    Ismael

    April 11, 2016 at 4:13 pm #611406
    Phet

    Thanks Ismael,

    The only thing that this CSS did not resolve is that I wanted to have the buttons to be side by side. Currently, I see them one under the other.

    Is there a way I could resolve that?

    Thanks,

    April 11, 2016 at 4:22 pm #611420
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
a.avia-slideshow-button {
    float: left;
    margin: 5px!important;
    width: 46%;
    min-width: 46%;
}}

    Best regards,
    Yigit

    April 11, 2016 at 4:33 pm #611433
    Phet

    Thanks Yigit!

    That did the trick. You guys can close de thread.

    Have a good one!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Fullwidth Easy Slider : button width and background height’ is closed to new replies.