/*Divi ghost buttons with 1px stroke*/

Get a clean and light button style with a 1px border for your Divi buttons. Add the code to your Divi theme options custom CSS or into your child theme. To target specific buttons then add a css class to that button and target the class by modifying the code below.

.et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .et_pb_pricing_table_button {
background-color: rgba(255, 255, 255, 0) !important;
color: #82c0c7;
border-color: #82c0c7;}

.et_pb_promo_button, .et_pb_newsletter_button, a.et_pb_more_button, .et_pb_pricing_table_button {
background-color: rgba(0, 0, 0, 0);
border: solid 2px;}

Comments

comments

Pin It on Pinterest