DIVI – Divi Theme Customize Product Cart And Checkout Pages With CSS

Divi WordPress Theme Customize Product Cart And Checkout Pages With CSS.The Divi theme from elegant themes is absolutely awesome. Whenever I have a WordPress build, it’s my go-to theme every time. I have built many, many sites with the Divi theme and it just keeps on getting better. Elegant themes keeps adding features, and tools to increase your productivity, as well as ease of use and site load speed. So if you are building a WordPress site I recommend you give it a try. I am pretty sure you will not be disappointed!

Try out the Divi theme: https://goo.gl/gqfUxZ

The CSS code used in this video:

/* Product Page */

#main-content {
background-color: #444;
}

.woocommerce div.product .product_title {
color: red;
}

.woocommerce .woocommerce-breadcrumb {
color: red;
}

.woocommerce .woocommerce-breadcrumb a {
color: #fff;
}

.woocommerce-product-details__short-description {
color: #fff;
}

.product .related h2 {
color: red;
}

.woocommerce-loop-product__title {
color: red;
}

.woocommerce-Price-amount {
color: red;
font-size:18px;
}

.woocommerce div.product form.cart .button {
border: red;
background: red;
color: #fff;
}

.product_meta {
color:#fff;
}

.posted_in a {
color: red;
}

/* Cart */

.cart_totals h2 {
color:#fff;
}

#content-area table th {
color:#fff;
}

.main_title {
color: red;
}

.et_color_scheme_red.woocommerce-page a.button, .et_color_scheme_red.woocommerce-page a.button.alt, .et_color_scheme_red.woocommerce-page button.button {
background:red;
color:#fff;
border:red;
}

/* Checkout */

.woocommerce-billing-fields {
color:#fff;
}

.woocommerce-billing-fields h3 {
color:#fff;
}

.woocommerce-additional-fields h3 {
color:#fff;
}

.woocommerce form .form-row label {
color: #fff;
}

#order_review_heading {
color: #fff;
}
#content-area table td {
color: #fff;
}

Free Tech Courses – Web Design, game development, javascript, wordpress, bootstrap: https://bestwebdevelopmentcourses.com/free/

Get our Build an awesome pro eCommerce store for free with WordPress course. https://goo.gl/fQDRMP

Get our complete WordPress local install and migration course here : https://goo.gl/MsW8B3

Get Our Full Bootstrap Website Building Course – Learn to build sites fast: https://goo.gl/6tzUxH

Subscribe to our Channel https://goo.gl/Vn3Qu2

More tips at :http://web-design-and-tech-tips.com/

Facebook:https://www.facebook.com/system22.net/

Get us to build Your website: http://www.system22.net/web-design.html

-~-~~-~~~-~~-~-
Please watch: “Divi 4 Theme Builder Custom Footer With Vertical Menu”

-~-~~-~~~-~~-~-

Find best DIVI Themes

Disclosure: Some of the links in this post are ‘affiliate links.’ This means if you click on the link and purchase the item, I will receive an affiliate commission.

Previous post DIVI – How To Fix The Hidden Divi Menu Module Dropdown Submenu And Mobile Menu In The Theme Builder
Next post DIVI – Divi Theme Hover Effects Full Width Hero Section With CTA On Hover

Leave a Reply