Warna WooCommerce pada Oxygen Builder

Keterangan: Ganti color(45) dengan hex warna atau variabel warna pada Oxygen Builder.
Share:
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
.woocommerce .widget_shopping_cart .buttons a.checkout.wc-forward, .woocommerce button[type=submit], .woocommerce button[name=woocommerce-form-login__submit], .woocommerce button[name=save_account_details], .woocommerce button[name=save_address], .woocommerce .oxy-woo-element div.product form.cart button.button.alt, .woocommerce .oxy-product-cart-button button.button.alt, .woocommerce div.product form.cart .button {
	background-color:color(46);
	border:1px solid color(46);
}

.woocommerce button[type=submit]:hover, .woocommerce button[name=woocommerce-form-login__submit]:hover, .woocommerce button[name=save_account_details]:hover, .woocommerce button[name=save_address]:hover, .woocommerce .oxy-woo-element div.product form.cart button.button.alt:hover, .woocommerce .oxy-product-cart-button button.button.alt:hover, .woocommerce div.product form.cart .button:hover {
	background-color:black;
	border:1px solid black;
}

.oxy-woo-order-tracking form, .woocommerce form.woocommerce-ResetPassword.lost_reset_password, .woocommerce .woocommerce-EditAccountForm, .woocommerce .woocommerce-address-fields, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce .col2-set, .woocommerce-form-coupon, .woocommerce #reviews #comments ol.commentlist li .comment-text, ul.woocommerce-order-overview, .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce table.shop_table {
	border-top:3px solid color(45);
}

.woocommerce a.wcppec-checkout-buttons__button, .woocommerce ul.product_list_widget li a, .woocommerce ul.product-categories a, .woocommerce .widget_layered_nav_filters ul li a, .woocommerce .woocommerce-widget-layered-nav-list__item a, .woocommerce .wc-layered-nav-rating a, .woocommerce div.tagcloud a, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, h2.woocommerce-loop-category__title, .comment-form-rating a, .woocommerce .download-product a, a.woocommerce-remove-coupon, .woocommerce a.shipping-calculator-button, .woocommerce a.remove, .woocommerce a.reset_variations, .woocommerce .product-name a, .woocommerce-info a, .woocommerce-error a, .woocommerce-message a, .woocommerce-checkout-payment a, .woocommerce-LostPassword a, .woocommerce-Address-title a, .woocommerce-MyAccount-navigation-link a, .woocommerce-MyAccount-content a, a.woocommerce-review-link, .posted_in a, .tagged_as a, .woocommerce .woocommerce-breadcrumb a {
	color:color(45);
	font-weight:500;
}

.woocommerce a.wcppec-checkout-buttons__button:hover, .woocommerce ul.product_list_widget li a:hover, .woocommerce ul.product-categories a:hover, .woocommerce .widget_layered_nav_filters ul li a:hover, .woocommerce .woocommerce-widget-layered-nav-list__item a:hover, .woocommerce div.tagcloud a:hover, .comment-form-rating a:hover, .woocommerce .download-product a:hover, a.woocommerce-remove-coupon:hover, .woocommerce a.shipping-calculator-button:hover, .woocommerce a.remove:hover, a.reset_variations:hover .product-name a:hover, .woocommerce .product-name a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, .woocommerce-message a:hover, .woocommerce-checkout-payment a:hover, .woocommerce-LostPassword a:hover, .woocommerce-Address-title a:hover, .woocommerce-MyAccount-navigation-link a:hover, .woocommerce-MyAccount-content a:hover, a.woocommerce-review-link:hover, .posted_in a:hover, .tagged_as a:hover, .woocommerce .woocommerce-breadcrumb a:hover {
    color: black;
    text-decoration: underline;
}

.woocommerce-info::before {
    color: color(45);
}

.oxy-woo-cart .woocommerce a.button.alt {
	background:color(45);
	border-color:color(45);
}

.oxy-woo-cart .woocommerce a.button.alt:hover {
	background:black;
	border-color:black;
}

.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce a.added_to_cart, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce table.my_account_orders .button, td a.woocommerce-MyAccount-downloads-file.button.alt {
	border:1px solid color(45);
	color:color(45);
}

.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce a.added_to_cart:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce table.my_account_orders .button:hover, td a.woocommerce-MyAccount-downloads-file.button.alt:hover {
	border:1px solid black;
	color:black;
}

.woocommerce-message::before {
	color:color(45);
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	background-color:color(45);
	border-color:color(45);
}

.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
    background-color: black;
    border-color: black;
}

.oxy-woo-my-account .is-active {
    border-left: 3px solid color(45);
    border-right: 1px solid color(45);
}

Keterangan:

Ganti color(45) dengan hex warna atau variabel warna pada Oxygen Builder.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Artikel Terkait

OpenStreetMap dan Leaflet.js
OpenStreetMap adalah peta dunia yang dibuat oleh orang-orang seperti Anda dan bebas digunakan di bawah lisensi terbuka. Leaflet adalah pustaka […]
Kode HTML & PHP Video menggunakan Video ACF Field
Mengatasi Popup Modal yang loncat
Kode ini saya dapatkan dari klien yang sudah seperti teman 😊
PAKET LENGKAP PEMBUATAN WEBSITE
Digitalizer menawarkan jasa pembuatan website untuk company profile, toko online, event organizer, lembaga pendidikan ataupun bidang lainnya. Anda tidak perlu memikirkan tentang domain, webhosting/server, DNS, email, desain, development, security serta masalah teknis lainnya. Cukup siapkan content website anda saja, sisanya kami yang mengerjakannya.
Semua paket pembuatan website sudah termasuk maintenance 1 tahun!
HOT LINK!
Kembali ke atas
cross