If you would like the Divi call to action module to display on 1 line (example 2 below), so that the button is to the right of the content rather than below it (default example 1 below) , you can add the following CSS to your Divi ePanel or into your Divi child themes style.css. The code is targeting, and set to work, only on desktops/laptops, as on smaller screens the button would overlap the content using this method.

Thank you Colin Falcon

/* Laptops and desktops */
@media only screen and ( min-width: 1100px ) { 
a.et_pb_promo_button.et_pb_button{
float: right;
clear:both;
margin-top:-11%!important; /*edit as required*/
}

.et_pb_promo_description {
width: 75% /* edit as required */
float:left;
clear:right;
}
}

Divi Call To Action on 1 Line

This is the content

DIVI SHOWCASE

Divi Call To Action on 1 Line

This is the content

DIVI SHOWCASE

Comments

comments

Pin It on Pinterest

Share This
Divi Freebies

Do you want some Divi FREEBIES?

Join our mailing list to receive the latest news, reviews, examples and Divi Theme FREEBIES.

You have Successfully Subscribed!