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 Call To Action on 1 Line

This is the content

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close