Image Slider in div with cover

diggeridoo · July 2019

Hi,

I would like to use a slider of 2 or 3 images within a div which is same height than the div of it right. The images or slides has to be background: cover without navigation arrows.

How could I achieve this?

Check this explanatory image: https://www.dropbox.com/s/4d1d1huwojsgsqj/slider.jpg?dl=0

This is the page I'm working on:

http://www.fisiojordisoriano.com.mialias.net/web/fisioterapia-invasiva-barcelona/

Thanks

Pablo · July 2019

Hello,

The equal height of wraps is used to position elements on: top,
middle or bottom in wraps. In order to achieve this you need to:
1. Edit your page, and go to the muffin builder. Edit a section and
under the advanced>style select 'equal height of wraps'. See screens:
http://prntscr.com/f40hvn
http://prntscr.com/f40kh0
2. Now edit each wrap in that section and set the desired vertical
align(top, middle or bottom). See screens:
http://prntscr.com/f40kvr
http://prntscr.com/f40lhl

Thanks

diggeridoo · July 2019

Hi Pablo,

thanks for your answer.

Yes, but my question is about how to use a slider in that position, not just a background image.

How can I do this?

Thanks

Pablo · July 2019

You won't be able to do that without a theme files customization.

Unfortunately, we do not provide support in this type of modifications of the theme files.

Also, my previous answer can help you to align the text to be on middle of this slider.

Thanks

Image Slider in div with cover

Comments