Advertisement
SRD75

Divi child theme

Nov 26th, 2022
1,194
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.29 KB | None | 0 0
  1. /*
  2.  * Theme Name: Divi Hopp Footwear v2.2
  3.  * Version: 2.2
  4.  * Template: Divi
  5.  */
  6.  
  7. html body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {padding-top: 18px !important;}
  8. .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
  9.     padding-top: 0;
  10. }
  11. .wcbd_layout #page-container {
  12.     padding-top: 120px !important;
  13. }
  14. .wcbd_layout #et-main-area {
  15.     padding-top: 0 !important;
  16. }
  17. /*#main-header:not(.et-fixed-header) {height: 122px;}
  18. #main-header.et-fixed-header {
  19.     -webkit-transition: background-color .4s,color .4s,transform .4s,opacity .4s ease-in-out;
  20.     -webkit-transition: background-color .4s,color .4s,opacity .4s ease-in-out,-webkit-transform .4s;
  21.     transition: background-color .4s,color .4s,opacity .4s ease-in-out,-webkit-transform .4s;
  22.     transition: background-color .4s,color .4s,transform .4s,opacity .4s ease-in-out;
  23.     transition: background-color .4s,color .4s,transform .4s,opacity .4s ease-in-out,-webkit-transform .4s;
  24.     height: 54px;
  25. }*/
  26. #main-header .container.et_menu_container {height: 100%;}
  27. #top-header, #top-header a, #et-secondary-nav li li a, #top-header .et-social-icon a:before {font-size: 13px;}
  28. #top-menu-nav #top-menu li a, .et_search_form_container input {letter-spacing: 0;}
  29. @media only screen and (min-width: 981px) {
  30.     .et_header_style_left #et-top-navigation {padding: 54px 0 0 0;}
  31.     .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {padding-bottom: 54px;}
  32. }
  33. #et-secondary-nav li ul, #top-header {background-color: #2594AD;}
  34. #et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {color: #2594AD;}
  35. #top-menu-nav>ul>li>a:hover, #main-header .nav ul li a:hover {opacity: 1; color: #2594AD;}
  36. .et-search-form, .et_mobile_menu, .footer-widget li:before, .nav li ul, blockquote {border-color: #2594AD;}
  37. .row-categories .wp-caption {
  38.     /*max-width: 100%;*/
  39.     margin-bottom: 10px;
  40.     /*padding: 0;*/
  41.     /*padding-top: 0;*/
  42.     /*background-color: transparent;*/
  43.     text-align: center;
  44.     /*border: none;*/
  45. }
  46. .row-categories .wp-caption p.wp-caption-text {
  47.     padding: 10px 5px;
  48.     font-size: 24px;
  49.     color: #333;
  50. }
  51. #free-delivery {margin-right: 10px;}
  52.  
  53. /* WooCommerce */
  54. h1.product_title.entry-title {font-size: 26px;}
  55. .product .related h2.woocommerce-loop-product__title {font-size: 14px !important;}
  56. .archive .product-category-rating {display: none;}
  57. .archive .variations ul.xt_woovs-swatches:nth-of-type(2), .archive .woocommerce-variation-add-to-cart, .archive .variations tr:nth-of-type(2), .archive .woocommerce a.button {display: none;}
  58. .sku_wrapper {display: none;}
  59. .archive .variations {height: 25px;}
  60. .woocommerce ul.products li.first, .woocommerce-page ul.products li.first {clear: none;}
  61. .prdctfltr_count, .prdctfltr-widget .prdctfltr_wc .prdctfltr_buttons span.prdctfltr_sale, .prdctfltr-widget .prdctfltr_wc .prdctfltr_buttons span.prdctfltr_instock, .wc-no-matching-variations.woocommerce-info {display: none !important;}
  62. span.onsale {display: none;}
  63. .post-34182 .variations_form, .post-34170  .variations_form {display: none;}
  64. .xt_woovs-archives-product .variations_form .xt_woovs-swatches-wrap.xt_woovs-align-center .swatch {margin-right: 5px !important;}
  65. .related .variations {display: none !important;}
  66. /*.archive .variations {display: none !important;}*/
  67. html body.xt_woovs-enable-qv .xt_woovs-hidden.variation-selector {display: none !important;}
  68. .related .single_variation_wrap {display: none !important;}
  69. .woocommerce.archive a.button {display: none;}
  70. .single #prdctfltr-2 {display: none;}
  71. .woocommerce-variation-availability {display: none;}
  72. .archive .single_variation_wrap {display: none;}
  73. .et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products li.product, .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products li.product {max-width: 233px; min-height: 342px;}
  74. /*woocommerce sidebar left*/
  75. .et_right_sidebar #main-content .container::before{left: 20% !important; right: auto !important;}
  76. body #page-container #left-area{float: right; padding-left: 3%; padding-right: 0;}
  77. body #page-container #sidebar{padding-left: 0; padding-right: 3%; float: left;}
  78. .et_right_sidebar.single #main-content .container::before{display: none;}
  79. body.et_right_sidebar.single #page-container #left-area{float: left; padding-left: 0; padding-right: 0; width: 100%;}
  80. body.et_right_sidebar.single #page-container #sidebar{display: none;}
  81. /*woocommerce sidebar left*/
  82. html body.xt_woovs-enable-qv .xt_woovs-hidden, body:not(.xt_woovs-enable-qv) div:not(.quick-view) .xt_woovs-hidden {
  83.     display: inline-block !important;
  84.     visibility: visible !important;
  85. }
  86. .xt_woovs-swatches-wrap.xt_woovs-behavior-blur-cross .xt_woovs-swatches .swatch:not(.radio-swatch).xt_woovs-disabled:after, .xt_woovs-swatches-wrap.xt_woovs-behavior-blur-cross .xt_woovs-swatches .swatch:not(.radio-swatch).xt_woovs-disabled:before, .xt_woovs-swatches-wrap.xt_woovs-behavior-blur-cross .xt_woovs-swatches .swatch:not(.radio-swatch).xt_woovs-disabled:after {display: none;}
  87. .variations .reset_variations.xt_woovs-reset-visible {display: none !important;}
  88. .search-results .woocommerce a.button.add_to_cart_button {display: none;}
  89. .chosen-container .chosen-results li.disabled-result {display: none;}
  90. #left-area .woof_sid_auto_shortcode {display: none;}
  91. #main-content .woof.woof_sid.woof_sid_auto_shortcode {display: none;}
  92. et_left_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n+1), .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {clear: none !important;}
  93. .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {float: left !important;}
  94. .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  95.     float: right;
  96.     width: 48%;
  97.     clear: none;
  98. }
  99. .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  100.     float: left;
  101.     width: 48%;
  102. }
  103. .search .et_pb_post a img {max-width: 300px;}
  104. .woof_block_html_items {z-index: 99999;}
  105. .archive #pa_size {display: none;}
  106. @media only screen and (max-width: 768px) {
  107.     .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
  108.         float: none;
  109.         width: 100%;
  110.     }
  111.     .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
  112.         float: none;
  113.         width: 100%;
  114.     }
  115. }
  116.  
  117. /* Footer */
  118. #main-footer .container {width: 95%; max-width: 1220px;}
  119. #main-footer .et_pb_widget a {color: #FFF;}
  120.  
  121. .et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products li.product, .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products li.product {
  122.     max-width: 233px;
  123. }
  124. .archive .et_pb_column.et_pb_column_3_4.et_pb_column_1 {z-index: 1;}
  125. .payment_method_stripe label img {width: 32px!important;}
  126. .search .post-meta {display: none;}
  127. .search .et_pb_post a img {max-width: 100%;}
  128. .archive #pa_size {display: none;}
  129. .et_pb_blog_grid .et_pb_post {border: none;}
  130. /*.search article {min-height: 420px;}
  131. .search article img {max-height: 201px; width: auto !important;}*/
  132. @media only screen and (min-width: 981px) {
  133.     #logo {max-height: 79%;}
  134.     /*.search article {width: 28.353%; margin-right: 7.47%; float: left;}
  135.     .search article:nth-child(3n) {margin-right: 0;}*/
  136. /*@media only screen and (max-width: 980px) {
  137.     .search article {width: 48%; margin-right: 4%; float: left;}
  138.     .search article:nth-child(2n) {margin-right: 0;}
  139. }*/
  140.     #et_mobile_nav_menu + .et-cart-info, #et-info .et-cart-info {display: none;}
  141.     .wcbd_layout #et-main-area {
  142.         padding-top: 40px !important;
  143.     }
  144. }
  145. @media (max-width: 980px) {
  146.     .et_secondary_nav_only_menu #top-header {display: block;}
  147.     .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header, .et_non_fixed_nav.et_transparent_nav.et_secondary_nav_only_menu.admin-bar #main-header {top: 78px!important;}
  148.     body.et_fixed_nav.et_secondary_nav_enabled #main-header, body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {top: 50px !important;}
  149. }
  150. @media screen and (max-width: 767px) {
  151.     #et-info .et-cart-info {position: relative; left: 15px;}
  152. }
  153. @media all and (max-width: 661px) {
  154.     #free-delivery {display: inline-block; float: left;}
  155. }
  156. @media only screen and (max-width: 450px) {
  157.     .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {float: none; width: 100%;}
  158.     .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {float: none; width: 100%;}
  159.     /*.search article {width: 100%; margin-right: 0; float: none;}*/
  160. }
  161.  
  162. @media (min-width: 981px) {
  163.     #logo {max-height: 79%;}
  164.     .et_pb_gutters3.et_pb_footer_columns5 .footer-widget {width: 17.6%;}
  165.     .et_pb_gutters3 .footer-widget {margin-right: 2%;}
  166.     .et_pb_gutters3 .row-categories .et_pb_column, .et_pb_gutters3.et_pb_row.row-categories  .et_pb_column {
  167.         margin-right: 1.5%;
  168.     }
  169.     .et_pb_gutters3 .row-categories .et_pb_column_1_4, .et_pb_gutters3.et_pb_row.row-categories .et_pb_column_1_4 {
  170.         width: 23.875%;
  171.     }
  172. }
  173. @media all and (max-width: 980px) {
  174.     /*** wrap row in a flex box ***/
  175.     .archive #content-area {
  176.       display: -webkit-box;
  177.       display: -moz-box;
  178.       display: -ms-flexbox;
  179.       display: -webkit-flex;
  180.       display: flex;
  181.         -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  182.         flex-wrap: wrap;
  183.     }
  184.     .archive #content-area #sidebar {
  185.         -webkit-order: 1;
  186.         order: 1;
  187.         top: 0;
  188.     }
  189.     .archive #content-area #left-area {
  190.         -webkit-order: 2;
  191.         order: 2;
  192.     }
  193.     .et_secondary_nav_only_menu #page-container #main-header {top: 32px !important;}
  194. }
  195. @media (max-width: 768px) {
  196.     .et-db #et-boc .et-l h2.woocommerce-loop-product__title {
  197.         font-size: 14px;
  198.         line-height: 24px;
  199.     }
  200. }
  201. @media all and (max-width: 661px) {
  202.     #free-delivery {display: block; margin-right: 0; margin-bottom: 10px;}
  203. }
  204. @media (max-width: 479px) {
  205.     body.woocommerce-page ul.products li.product:nth-child(n) {
  206.         min-height: 350px !important;
  207.     }
  208.     body.woocommerce ul.products li.product .woocommerce-loop-product__title {
  209.         font-size: 14px;
  210.         line-height: 24px;
  211.     }
  212. }
  213.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement