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...
Artikel Terkait
.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.

Artikel Terkait

oxygen builder meta query product on sale
Oxygen Builder Repeater - Woocommerce Product On Sale
Catatan: Lihat gambar diatas (Oxygen Builder Advanced Query), dan jangan lupa menambahkan query: post_type : product posts_per_page : -1 // […]
Kode One Page Scroll
Demo kode dibawah ini bisa anda lihat pada halaman Demo Onepage Scroll. Kode HTML Kode Javascript Kode CSS Sumber: https://github.com/peachananr/onepage-scroll
Metabox: Echo Image Field di Halaman Taxonomy
Keterangan: Field ID : producers_logo
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