Skip to content

Instantly share code, notes, and snippets.

@CoachBirgit
Created November 5, 2015 07:20
Show Gist options
  • Save CoachBirgit/624500e795fbb24aa72f to your computer and use it in GitHub Desktop.
Save CoachBirgit/624500e795fbb24aa72f to your computer and use it in GitHub Desktop.
DIVI: ROUNDED CORNERS - ALL MODULES
/*DIVI ROUNDED CORNERS - ALL MODULES*/
@media only screen and ( min-width:768px) and (max-width: 980px ) {
.et_pb_featured_table:nth-child(3), .et_pb_featured_table:nth-child(4){margin-top: 30px;}
.et_pb_pricing_table:nth-child(odd){
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
}
.et_pb_pricing_table:nth-child(odd) .et_pb_pricing_heading{
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
border-top-left-radius:4px;
}
.et_pb_pricing_table:nth-child(even){
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
}
.et_pb_pricing_table:nth-child(even) .et_pb_pricing_heading{
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
border-top-right-radius:4px;
}
}
@media only screen and (max-width: 767px){
.et_pb_pricing_table{
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.et_pb_pricing_heading, .et_pb_tab_active:first-child{
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
}
.et_pb_featured_table{
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.et_pb_featured_table .et_pb_pricing_heading, .et_pb_tabs_controls, .et_pb_column_1_3 .et_pb_tab_active:first-child, .et_pb_column_1_4 .et_pb_tab_active:first-child, .woocommerce-tabs ul.tabs {
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
.et_pb_pricing_table:first-child {
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
}
.et_pb_pricing_table:first-child .et_pb_pricing_heading, .et_pb_tab_active:first-child{
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
border-top-left-radius:4px;
}
.et_pb_pricing_table:last-child {
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
}
.et_pb_pricing_table:last-child .et_pb_pricing_heading{
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
border-top-right-radius:4px;
}
.et_pb_all_tabs, .nav li ul, .et-search-form{
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
}
.nav li ul ul{
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-bottomright:4px;
border-bottom-right-radius:4px;
}
.et_pb_main_blurb_image img.et-animated, .et_pb_counter_container, .et_pb_slider, .et_pb_testimonial, .et_pb_promo, .et_pb_image, .et_pb_portfolio_item img, .et_pb_post img, .et_pb_blog_grid .et_pb_post, .et_pb_newsletter, .et_pb_toggle, .et_pb_tabs, .et_pb_contact p input, .woocommerce ul.products li.product a img, .woocommerce-page div.product div.images img, .woocommerce-tabs, .et_overlay{
-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
border-radius: 6px !important;
}
.et_pb_blog_grid .et_pb_post img{
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
/* Source: http://www.elegantthemes.com/blog/resources/divi-css-tricks */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment