Advertisement
brooklyndesignstudio

Round Corners for all Divi Modules

Sep 5th, 2018
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.48 KB | None | 0 0
  1. /*--- Round Corners for all Divi Modules ---*/
  2.  
  3. @media only screen and ( min-width:768px) and (max-width: 980px ) {
  4. .et_pb_featured_table:nth-child(3), .et_pb_featured_table:nth-child(4){margin-top: 30px;}
  5.  
  6. .et_pb_pricing_table:nth-child(odd){
  7.     -webkit-border-top-left-radius:6px;
  8.     -webkit-border-bottom-left-radius:6px;
  9.     -moz-border-radius-topleft:6px;
  10.     -moz-border-radius-bottomleft:6px;
  11.     border-top-left-radius:6px;
  12.     border-bottom-left-radius:6px;
  13. }
  14.  
  15. .et_pb_pricing_table:nth-child(odd) .et_pb_pricing_heading{
  16.     -webkit-border-top-left-radius:4px;
  17.     -moz-border-radius-topleft:4px;
  18.     border-top-left-radius:4px;
  19. }
  20.  
  21. .et_pb_pricing_table:nth-child(even){
  22.     -webkit-border-top-right-radius:6px;
  23.     -webkit-border-bottom-right-radius:6px;
  24.     -moz-border-radius-topright:6px;
  25.     -moz-border-radius-bottomright:6px;
  26.     border-top-right-radius:6px;
  27.     border-bottom-right-radius:6px;
  28. }
  29.  
  30. .et_pb_pricing_table:nth-child(even) .et_pb_pricing_heading{
  31.     -webkit-border-top-right-radius:4px;
  32.     -moz-border-radius-topright:4px;
  33.     border-top-right-radius:4px;
  34. }
  35.  
  36. }
  37.  
  38. @media only screen and (max-width: 767px){
  39. .et_pb_pricing_table{
  40.     -webkit-border-radius:6px;
  41.     -moz-border-radius:6px;
  42.     border-radius:6px;
  43. }
  44.  
  45. .et_pb_pricing_heading, .et_pb_tab_active:first-child{
  46.     -webkit-border-top-left-radius:4px;
  47.     -webkit-border-top-right-radius:4px;
  48.     -moz-border-radius-topleft:4px;
  49.     -moz-border-radius-topright:4px;
  50.     border-top-left-radius:4px;
  51.     border-top-right-radius:4px;
  52. }
  53.  
  54. }
  55.  
  56.  
  57. .et_pb_featured_table{
  58.     -webkit-border-radius:6px;
  59.     -moz-border-radius:6px;
  60.     border-radius:6px;
  61. }
  62.  
  63. .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 {
  64.     -webkit-border-top-left-radius:4px;
  65.     -webkit-border-top-right-radius:4px;
  66.     -moz-border-radius-topleft:4px;
  67.     -moz-border-radius-topright:4px;
  68.     border-top-left-radius:4px;
  69.     border-top-right-radius:4px;
  70. }
  71.  
  72. .et_pb_pricing_table:first-child {
  73.     -webkit-border-top-left-radius:6px;
  74.     -webkit-border-bottom-left-radius:6px;
  75.     -moz-border-radius-topleft:6px;
  76.     -moz-border-radius-bottomleft:6px;
  77.     border-top-left-radius:6px;
  78.     border-bottom-left-radius:6px;
  79. }
  80.  
  81. .et_pb_pricing_table:first-child .et_pb_pricing_heading, .et_pb_tab_active:first-child{
  82.     -webkit-border-top-left-radius:4px;
  83.     -moz-border-radius-topleft:4px;
  84.     border-top-left-radius:4px;
  85. }
  86.  
  87. .et_pb_pricing_table:last-child {
  88.     -webkit-border-top-right-radius:6px;
  89.     -webkit-border-bottom-right-radius:6px;
  90.     -moz-border-radius-topright:6px;
  91.     -moz-border-radius-bottomright:6px;
  92.     border-top-right-radius:6px;
  93.     border-bottom-right-radius:6px;
  94. }
  95.  
  96. .et_pb_pricing_table:last-child .et_pb_pricing_heading{
  97.     -webkit-border-top-right-radius:4px;
  98.     -moz-border-radius-topright:4px;
  99.     border-top-right-radius:4px;
  100. }
  101.  
  102. .et_pb_all_tabs, .nav li ul, .et-search-form{
  103.     -webkit-border-bottom-left-radius:6px;
  104.     -webkit-border-bottom-right-radius:6px;
  105.     -moz-border-radius-bottomleft:6px;
  106.     -moz-border-radius-bottomright:6px;
  107.     border-bottom-left-radius:6px;
  108.     border-bottom-right-radius:6px;
  109. }
  110.  
  111.  .nav li ul ul{
  112.     -webkit-border-bottom-right-radius:4px;
  113.     -moz-border-radius-bottomright:4px;
  114.     border-bottom-right-radius:4px;
  115.  }
  116.  
  117. .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{
  118.     -webkit-border-radius: 6px !important;
  119.     -moz-border-radius: 6px !important;
  120.     border-radius: 6px !important;
  121. }
  122.  
  123. .et_pb_blog_grid .et_pb_post img{
  124.     -webkit-border-top-left-radius:4px;
  125.     -webkit-border-top-right-radius:4px;
  126.     -moz-border-radius-topleft:4px;
  127.     -moz-border-radius-topright:4px;
  128.     border-top-left-radius:4px;
  129.     border-top-right-radius:4px;
  130.     -webkit-border-bottom-left-radius:0;
  131.     -webkit-border-bottom-right-radius:0;
  132.     -moz-border-radius-bottomleft:0;
  133.     -moz-border-radius-bottomright:0;
  134.     border-bottom-left-radius:0;
  135.     border-bottom-right-radius:0;
  136.  }
  137.  
  138. .rounded-corners img {
  139.     border-radius: 6px !important;
  140. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement