How to Add Links to Divi’s Fullwidth Slider Images

Posted by George Nicolaou

On 3 Sep, 2017
George Nicolaou - Senior Web Developer

First login to your WordPress website. Go to the page you need to add the fullwidth slider to, making sure you are using the Divi Builder. Then add a fullwidth section.

Divi Developer Cyprus - George Nicolaou - How to Add Links to Divi’s Fullwidth Slider Images 1

Next insert the slider module.

Divi Developer Cyprus - George Nicolaou - How to Add Links to Divi’s Fullwidth Slider Images 2

Before you start adjusting the settings go ahead and click the custom CSS tab. This is where you need to add the code in the slide button section of the custom CSS tab.

Divi Developer Cyprus - George Nicolaou - How to Add Links to Divi’s Fullwidth Slider Images 3
font-size: 0px;
background-color: rgba(0, 0, 0, 0.0) !important;
top: -1000px;
right: -1000px;
height: 5000px;
width: 5000px;
position: absolute;

While you are still on the fullwidth slider module settings popup, click on the general settings tab and add a new slide.

Divi Developer Cyprus - George Nicolaou - How to Add Links to Divi’s Fullwidth Slider Images 4

All you have to do now is to add the url and the background image. Remember the slider is going to be blank but it will link to the web page of your choice. Repeat the steps to add more images to the slider.

Divi Developer Cyprus - George Nicolaou - How to Add Links to Divi’s Fullwidth Slider Images 5

Although this is not mentioned in the original post you may need to add some text in the “Button text” box above, I needed to for a client I was implementing this for. 

Finally click the save and exit button. To preview the changes, click on the blue update button on the top right and then preview the page. Test your links by clicking on the slider images.

 

Kudos to the Elegant Thems Team

https://www.elegantthemes.com/blog/divi-resources/how-to-add-links-to-divi-fullwidth-slider-images-divi-nation-short

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This
Divi Theme Code SnippetsHow to Add Links to Divi’s Fullwidth Slider Images