Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
forbidals
/
wp-content
/
themes
/
credio
/
assets
/
css
:
_woocommerce.scss
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
// Woo Catelog Style body { .rswooproduct_catalog_style { .woocommerce-ordering { > select { option[value~="price"], option[value~="price-desc"] { display: none !important; } } } .entry-summary .price, form.cart { display: none !important; } ul.products { > li { .product-list { .images-product { .onsale { display: none !important; } } } .price { display: none !important; } } } } .rswooproduct_catalog_price_style { form.cart { display: none !important; } ul.products { > li { .product-list { .images-product { .onsale { display: none !important; } } } } } } } .woocommerce div.product form.cart .group_table td { padding: 25px 20px; border: none; border-bottom: 1px solid #E6E6E6; vertical-align: middle; &:first-child { padding: 25px 18px 25px 0px; width: 180px; } } .woocommerce-checkout { table.shop_table td { padding: 20px 12px; } .ps-navigation form.woocommerce-checkout h3 { font-weight: 600; } } #ship-to-different-address .woocommerce-form__label .input-checkbox { margin: 11px 0 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 10px 45px !important; } .woocommerce-grouped-product-list .quantity .qty { margin-bottom: 0 !important; border-radius: 0 !important; } .grouped_form { .single_add_to_cart_button { margin-top: 15px !important; } .woocommerce-Price-amount { font-weight: 700; color: $titleColor; } td ins { padding: 0; } del .woocommerce-Price-amount { font-weight: 600; color: #666666; display: block; line-height: 16px; } .woocommerce-grouped-product-list-item__label a { color: $titleColor !important; font-weight: 700; } } .woocommerce { div.product { p.price del, span.price del { opacity: 1; display: inline-block; font-weight: 700; color: $bodyColor; opacity: 0.5; } } ul.products li.product .price { float: right; clear: right; } } .woocommerce-product-details__short-description p { margin-bottom: 26px; } .woocommerce { div.product { .product_meta { font-size: 13px; .posted_in { display: block; font-weight: 700; } } form.grouped_form { table { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; td { border: none !important; } } button { margin-left: 0 !important; } .group_table { tr { &:first-child td { padding-top: 30px; } &:last-child td { padding-bottom: 30px; } } td { padding: 10px 20px; &:first-child { padding: 10px 18px 10px 0px; } &.woocommerce-grouped-product-list-item__price { display: flex; align-items: center; del { margin-right: 8px; opacity: 0.5; } } } } } } .woocommerce-form-login .form-row { margin-bottom: 16px; .woocommerce-form__label-for-checkbox, .woocommerce-form-login__submit { margin-top: 8px; } } ul.products li.product { text-align: center; } } .woocommerce-page ul.products li.product { text-align: center; } .woocommerce nav.woocommerce-pagination ul li { span.current { font-weight: 500; background: transparent; color: $primaryColor; } a:hover { background: transparent; color: $primaryColor; } } body .woocommerce-pagination ul { border-color: #f2f2f2 !important; border-radius: 3px; border-width: 1px !important; border-right: 1px solid #E6E6E6 !important; li { border: none !important; padding: 2px 16px !important; margin: 14px 0 !important; border-right: 1px solid #E6E6E6 !important; &:last-child { border-right: 0 !important; } a.page-numbers, span { text-align: center; font-size: 18px; padding: 0; font-weight: 500; border: none; color: #505050; outline: none; text-align: center; font-size: 18px !important; padding: 0 !important; display: block; margin-left: -1px; outline: none !important; background: transparent !important; } } } ul.products .star-rating { width: 66px; margin: 2px auto 5px !important; } .woocommerce { .star-rating { span::before, &::before { color: $primaryColor !important; } } a.added_to_cart { padding-top: 15px; } .widget_price_filter .ui-slider { .ui-slider-range, .ui-slider-handle { background-color: $titleColorUnit; } } .related .products li { .add_to_cart_button, a.product_type_grouped { display: none; } } #commentform { max-width: 650px; .comment-form-author label, .comment-form-email label { min-width: 60px; } .comment-form-author input, .comment-form-email input { width: 100%; } .comment-form-comment textarea { margin-bottom: 0; } } #review_form #respond p { margin: 5px 0 20px; } .cart_totals { h2 { border-bottom: 1px solid #E6E6E6; padding-bottom: 17px; margin-bottom: 0; font-size: 17px; font-weight: 600; color: #303030; } table.shop_table { border: none; th, td { padding: 30px 10px; font-weight: 600; } } } } .woocommerce-checkout #payment { background: transparent; .wc_payment_methods { padding-left: 0 !important; padding-right: 0 !important; } .place-order { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .payment_box { background-color: #f9f9f9 !important; &:before { border: 1em solid #f9f9f9 !important; border-right-color: transparent !important; border-left-color: transparent !important; border-top-color: transparent !important; } } } .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: #f9f9f9 !important; } .woocommerce-shipping-fields h3 { margin-bottom: 10px; } .price_slider_wrapper { .price_slider { margin-bottom: 25px !important; } .price_slider_amount { button { padding: 11px 30px; z-index: 1; position: relative; font-size: 12px !important; } .price_label { top: 4px; position: relative; } } } .woocommerce ul.products { margin-bottom: 0 !important; li { padding: 0 0 32px !important; position: relative !important; overflow: hidden; text-align: center; transition: all 0.3s ease 0s; background: transparent; border-radius: 0px; img { margin-bottom: 0 !important; position: relative; width: 100% !important; } .woocommerce-loop-product__title { font-size: 16px !important; padding-bottom: 6px !important; font-family: $titleFont !important; float: left; padding: 0 !important; line-height: 25px; a { color: $titleColor; &:hover { color: $primaryColor; } } } a.fa, .glyph-icon { background: $titleColorUnit !important; border: none !important; font-size: 30px; padding: 0 !important; margin: 0 !important; height: 45px !important; width: 45px !important; line-height: 45px !important; color: #fff; } a.fa:before, .glyph-icon:before { font-size: 23px; color: $titleColor; margin: 0 !important; } .added_to_cart { width: 100% !important; padding: 0 20px; background: none !important; border-radius: 5px !important; background: #fff !important; color: #212121 !important; } .button { margin-top: 5px !important; margin-left: 15px; margin-right: 15px; } &:hover { background: transparent; a.button, .wc-forward { border: 2px solid; border-color: $titleColorUnit; background: #fff; color: $titleColorUnit; } } ul li { background: none; border-radius: 0; } } } .single.single-product .breadcrumbs-title { max-width: 500px; } .related .star-rating::beforee { top: 50% !important; right: 50% !important; transform: translate(50%, -50%); } .woocommerce .star-rating span::before { color: $primaryColor; } .woocommerce ul.products { &.single-product-page { padding: 100px 0 0; } li.product { padding: 0; position: relative; overflow: hidden; text-align: center; transition: all 0.3s ease 0s; margin-bottom: 0; .triangle_left { width: 0; height: 0; border-top: 70px solid transparent; border-right: 140px solid $primaryColor; border-bottom: 70px solid transparent; position: absolute; top: -75px; left: -117px; transform: rotate(48deg); opacity: 0; } &:hover { background: transparent; .triangle_left { opacity: 1; } h3 a { color: $primaryColor; } .add-to-cart { background: $primaryColor; color: #fff !important; } .images-product .overley { opacity: 1; transform: scaleY(1); bottom: 0; } } .images-product { position: relative; overflow: hidden; margin-bottom: 15px; padding: 0; a { display: block; img { transition: all 0.3s ease-out; width: 100%; } } .overley { position: absolute; left: 0; right: 0; text-align: center; width: 100%; background: transparent; bottom: -50px; transform: scaleY(0); transform-origin: 0 1 0; opacity: 0; transition: all 0.3s ease 0s; padding: 0; .winners-details { padding: 0; h4 { margin-bottom: 10px; padding-bottom: 10px; color: #ffffff; font-size: 18px; position: relative; &:after { display: none; } } .product-info ul { padding: 0; margin: 0; li { display: block; margin: 0 !important; padding: 0 !important; vertical-align: top; border: none; a { color: #fff; text-transform: capitalize; text-decoration: none; border-radius: 0px; line-height: 33px; border: none; text-align: center; transition: all 0.3s ease 0s; padding: 5px 20px; background: $primaryColor; &:hover { background:$secondaryColor } i { font-size: 16px; margin: 0; transition: all 0.3s ease 0s; &:hover { color: #fff; } } } .yith-wcwl-add-to-wishlist { margin-top: 0; } &:hover { background: none; } } } p { margin-bottom: 5px; color: #ffffff; font-size: 13px; i { color: #ffffff; margin-right: 8px; } } } } } h4 { margin-bottom: 10px !important; margin-left: 0; font-weight: 700; a { color: $titleColor; transition: all 0.3s ease 0s; font-size: 20px; margin: 0; &:hover { color: $primaryColor; } } } .price-details ul { margin: 0; padding: 0; text-align: center; li { display: block; &:first-child { font-weight: 600; font-size: 15px; del { margin-right: 5px; font-weight: 400; font-size: 15px; } } .add-to-cart { border: 1px solid $primaryColor; padding: 8px 18px; color: $titleColor; font-size: 15px; font-weight: 600; display: inline-block; margin-top: 15px; } } } } .topbar-area { overflow: hidden; padding-bottom: 54px; .showing-Short .seclec-box { float: right; } .showing-result ul { margin: 0; padding: 0; list-style: none; text-align: left; li { display: inline-block; font-weight: 400; color: #303030; margin-right: 0; font-size: 14px; height: 25px; .form-group { margin: 0; &.seclect-box select.form-control { display: inline-block; border: 0; background: transparent; border-radius: 0px; } } } } } .pagination { margin-top: 0; } } .woocommerce-shop .main-contain #content { padding-bottom: 110px; } .single-product .products .product.type-product .star-rating, .woocommerce-shop .products .product.type-product .star-rating { display: none; } .woocommerce.single-product form.cart .button { border: none !important; } .woocommerce-cart .main-contain #content { padding-bottom: 100px !important; } .woocommerce { .loader:before { display: none; } .quantity input[type=number] { &::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #363636 !important; opacity: 1; } &::-moz-placeholder { /* Firefox 19+ */ color: #363636 !important; opacity: 1; } &:-ms-input-placeholder { /* IE 10+ */ color: #363636 !important; opacity: 1; } &:-moz-placeholder { /* Firefox 18- */ color: #363636 !important; opacity: 1; } } div.product { p.price, span.price { color: $titleColor !important; font-size: 16px !important; font-weight: 600; } } ul.products li.product .price { color: $titleColor !important; font-size: 16px !important; font-weight: 600; } div.product { p.price ins, span.price ins { color: $titleColor !important; font-size: 16px; font-weight: 600; } } ul.products li.product .price ins { color: $titleColor !important; font-size: 16px; font-weight: 600; } .quantity { .qty { height: 45px !important; width: 50px; appearance: textfield; -webkit-appearance: none; -moz-appearance: textfield; margin-bottom: 0; padding: 8px 0; border-left: 2px solid #e6e6e6; border-right: 2px solid #e6e6e6; border-radius: 0 !important; } border: 2px solid #e6e6e6; border-radius: 5px; .qty_button { border: none; background: none; box-shadow: none; color: #212121; font-size: 20px; padding: 0px 17px; position: relative; top: 1px; line-height: 28px; left: -2px; &.minus { font-size: 30px; top: 6px; } &:hover { border: none; background: none !important; box-shadow: none; } } } input[type=number] { border: 0; } .quantity input { &::-webkit-outer-spin-button, &::-webkit-inner-spin-button { display: none; margin: 0; } } } body.woocommerce { ins { background: none !important; } .panel { border: none; box-shadow: none; } .woocommerce-product-gallery ol.flex-control-nav { padding: 15px 0 0 !important; text-align: center; li { float: none !important; display: inline-block; img { width: 98%; display: inline-block; margin-bottom: 10px !important; } } } } .woocommerce-variation-price { margin-bottom: 30px; } .woocommerce { table.shop_attributes td { font-style: normal; } ul.products li.product { .woocommerce-loop-category__title, .woocommerce-loop-product__title, h3 { font-size: 16px; } } div.product { .woocommerce-tabs { .woocommerce-Tabs-panel--reviews h2, .woocommerce-Tabs-panel--description h2 { display: none; } .woocommerce-Tabs-panel--reviews .comment-reply-title { font-size: 15px; font-weight: 600; } .woocommerce-product-attributes-item__label { color: $bodyColor; } ul.tabs li { border: 1px solid #fbfbfb; background-color: #fbfbfb; margin-right: 8px; border-radius: 0; border: none !important; } } .product_meta .posted_in a { color: #303030; } .woocommerce-tabs ul { &.wc-tabs li { font-size: 18px; margin-right: 12px; border-radius: 0px; margin-left: 0px; } &.tabs li { a { transition: none; } &.active { background: $primaryColor; color: #fff; } &:hover { background: $primaryColor; a { color: #fff; } } } } } table th { background: transparent; } } .single-product #tab-additional_information h2 { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs { li { &::after, &::before { box-shadow: -2px 2px 0 #f0f0f0; display: none; } } padding-left: 0; border-radius: 5px 0 0 0; padding-top: 15px; &::before { border-bottom: 1px solid #f0f0f0; display: none; } li::before { border: 1px solid #f0f0f0; display: none; } } .woocommerce-form-login .woocommerce-Button { margin-right: 12px !important; } .woocommerce { .woocommerce-ordering { margin: 0 0 2em; } .woocommerce-result-count { margin-top: 10px; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #ddd !important; } a.remove { margin: 0 auto; color: $titleColor !important; line-height: 1; border: 1px solid #ddd; font-weight: 300 !important; font-size: 14px; padding: 0; display: flex; align-items: center; justify-content: center; height: 30px; width: 30px; } } .woocommerce-cart { table.cart { .product-thumbnail img { width: 80px !important; } .product-name a { color: #303030; &:hover { color: $titleColor; text-decoration: underline !important; } } } .cart-collaterals .shipping-calculator-button { color: #303030; } } .woocommerce-checkout .woocommerce form .form-row { margin: 0 0 15px; } .woocommerce button.button:disabled { opacity: 0.8 !important; background: #f0f0f0; } .coupon { input#coupon_code { width: 320px !important; border-radius: 5px; height: 48px !important; margin-right: 20px; text-align: left !important; padding-left: 22px; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: $titleColor !important; font-size: 14px !important; font-weight: 500 !important; } ::-moz-placeholder { /* Firefox 19+ */ color: $titleColor !important; font-size: 14px !important; font-weight: 500 !important; } :-ms-input-placeholder { /* IE 10+ */ color: $titleColor !important; font-size: 14px !important; font-weight: 500 !important; } :-moz-placeholder { /* Firefox 18- */ color: $titleColor !important; font-size: 14px !important; font-weight: 500 !important; } } .product_meta span { &.tagged_as { display: block; } font-weight: 600; a { font-weight: 400; } } .single-product { .bs-info, .bs-img { display: none; } .bs-desc { margin-top: 0px !important; } div.product { p.price { margin-bottom: 22px; font-size: 30px !important; ins, bdi { font-size: 30px; } } form.cart { border-bottom: 1px solid rgba(62, 62, 62, 0.1); margin-bottom: 20px; padding-bottom: 29px; } } } .woocommerce-message, .woocommerce-error, .woocommerce-info { border-top-color: #032e42; } .woocommerce-message { border-top-color: #032e42; &::before { color: #032e42; } } .woocommerce-info::before { color: #032e42; } .woocommerce { #content table.cart td.actions .input-text, table.cart td.actions .input-text { width: 110px; height: 40px; text-align: center; } } .woocommerce-page { #content table.cart td.actions .input-text, table.cart td.actions .input-text { width: 110px; height: 40px; text-align: center; } } .woocommerce-form__label { span { padding-left: 5px; } .input-checkbox { margin: 7px 0 0 !important; } } body.woocommerce-page { .main-contain input { &[type=text], &[type=password], &[type=email] { border: 1px solid rgba(54, 54, 54, 0.1); height: 48px; border-radius: 5px; } } .select2-container--default .select2-selection--single { border: 1px solid rgba(54, 54, 54, 0.1); height: 48px; border-radius: 5px; } .woocommerce form .form-row.woocommerce-validated { .select2-container, input.input-text, select { border: 1px solid rgba(54, 54, 54, 0.1); height: 48px; border-radius: 5px; } } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #303030; opacity: 0.5; } } .woocommerce-cart-form table.shop_table { border-collapse: collapse; td, th { padding: 25px; text-align: center; } .quantity { border-radius: 5px; padding: 0 0px; margin: 0 auto; width: 160px; .qty_button { top: 1px; padding: 0px 16px; } .qty { width: 50px; border-radius: 0 !important; } } } .woocommerce { table.shop_table { tbody th { font-weight: 600; } tfoot { td, th { font-weight: 600; } } border-collapse: collapse !important; } .cart-collaterals .cart_totals { padding-top: 40px; } } .woocommerce-page .cart-collaterals .cart_totals { padding-top: 40px; } .woocommerce div.product form.cart .variations select { padding: 15px 10px; } .cart_totals { h2 { text-transform: capitalize; } table.shop_table { th, td { padding: 20px; } } } .woocommerce-tabs h2, .related.products h2, .up-sells.products h2 { font-size: 20px; } .up-sells.products .single-product .summary.entry-summary h1.product_title.entry-title { font-size: 25px !important; line-height: 25px !important; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 50px !important; } .cart-collaterals { th, td { border: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } tr:last-child { td, th { border-bottom: none !important; } } } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: 100%; } .woocommerce { .form-row { display: block; } &.single-product form.cart .button { margin-left: 10px; } .add_to_cart_button { transition: 0.3s ease all; &:after { font-size: inherit !important; vertical-align: initial !important; } &.added { display: none !important; opacity: 0; } &.loading { padding-right: 40px !important; &:after { top: 12px !important; right: 15px !important; font-size: inherit !important; } } } button[disabled] { color: #fff; height: 48px; padding: 0 35px !important; &:hover { color: $titleColorUnit; } } form .rs-wrap-coupon { overflow: hidden; p { width: 49%; } } } .woocommerce-info .showcoupon { font-weight: 600; } .woocommerce table.shop_table { th { border: none; font-size: 18px; font-weight: 600; background: transparent; color: $titleColor; } td { border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #E6E6E6; &.product-thumbnail { a { padding-left: 0; padding-right: 0; } @media (max-width: 991px) { padding-left: 0; padding-right: 0; } } } } .woocommerce span.onsale { background: $primaryColor !important; width: 40px !important; height: 40px !important; display: flex; align-items: center; justify-content: center; padding: 0 !important; right: 10px !important; margin: 0 !important; top: 10px !important; z-index: 1; font-weight: 500; color: #fff; } .woocommerce-info { border-top-color: $primaryColor; } .woocommerce table.shop_attributes { td, th { padding: 3px 15px !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; } } .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; li { background: #f0f0f0; margin: 0 0 15px; border-radius: 2px; a { padding: 10px 20px; color: #303030; display: block; } &.is-active, &:hover { background: $titleColorUnit; a { color: #fff; } } } } form.woocommerce-EditAccountForm fieldset { margin-bottom: 40px; margin-top: 30px; } .woocommerce form { &.checkout_coupon, &.login, &.register { border: 1px solid rgba(54, 54, 54, 0.1) !important; border-radius: 5px; } @media (max-width: 575px) { .form-row { &.form-row-first { float: none; width: 100%; } &.form-row-last { float: none; width: auto; } } } } .woocommerce-input-wrapper #order_comments, #order_comments { border: 1px solid rgba(54, 54, 54, 0.1) !important; border-radius: 5px; } .woocommerce-js ul.products li img { width: auto; max-width: 100%; } .woocommerce-account .woocommerce form.login { margin-bottom: 0; } .single-product.woocommerce span.onsale { left: 10px !important; } #order_comments { border: 1px solid rgba(54, 54, 54, 0.1) !important; } .woocommerce { .rs-wrap-summery { .variations_form { table.variations { th { &.label { color: $bodyColor; } } } } } } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce .wc-forward, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { cursor: pointer; display: inline-block; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding: 16px 36px; border-radius: 5px; font-size: 16px; font-weight: 500; background: $primaryColor; color: #fff; z-index: 1; opacity: 1; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce .wc-forward:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color: #fff; background: $primaryColor; opacity: 0.7; z-index: 1; }