https://www.dirtriverdesign.com/divi-fullwidth-slider-add-two-buttons/
How to Add two Buttons the Divi Fullwidth Slider
For now it isn’t easy to add a second button on the fullwidth slider, but I expect Elegant Themes will eventually add it as a feature. Below I’ll provide a couple examples of how you can get it done.
- Add a Fullwidth slider module and create new slide.
- Make sure you are on the text editor mode for the slide
- Add your own variants code and don’t forget to save
- Do not flip back and forth between text and visual editor or it will remove the formatting…
With Child Theme: (Looks Better on Phones)
Insert the following code into the content area of the slide.
Button 1 Text Button 2 Text
Add this to your child theme…
/*————————————————*/
/*—————[Button Example]—————–*/
/*————————————————*/
@media (max-width: 767px) {
.phoneFixExample {
display: block;
min-width: 225px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.hideStuff {
display:none;
}
}
No Child Theme Version – Slide 2
Insert the following code into the content area of the slide.
Button Text Button 2 Text
One method to reduce the height of the full width slider.
If you are trying to figure out how I made the slider above narrower… Go to the Advanced tab and add a variation of the following to “slide description”.
position: relative;
top: 30px;
padding-top: 0;
padding-bottom: 0;
min-height: 225px;
Recent Comments