Customization for ‘Advanced Slides’ widget by Happy Addons.
/* Remove selector to apply it to the whole page */
selector .swiper-container {
overflow: visible !important
}
selector .ha-slider-content {height: 100%;
display: flex;
align-content: flex-start;
justify-content: end;
align-items: left;
flex-direction: column;
}
/* Add Border Radius */
selector .ha-slider-slide {
border-radius: 10px
}
Use ‘Custom Style’ for each slides to add the overlay gradient on top of the image.
Advanced Slider 1 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
Advanced Slider 2 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
Advanced Slider 3 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
align-items: center
Advanced Slider 1 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
Advanced Slider 2 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
Advanced Slider 3 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
justify-content: center
Advanced Slider 1 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
Advanced Slider 2 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
Advanced Slider 3 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
Use ‘Inner Section‘ widget to control the padding by inserting the ‘Advanced Slides’ widget into it.
Advanced Slider 1 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
Advanced Slider 2 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
Advanced Slider 3 Title
Lorem ipsum is simply dummy text of the printing and typesetting industry.
