Elementor Free Complete Ecommerce WordPress Website Build Tutorial

Elementor Free Complete Ecommerce WordPress Website Build Tutorial. Elementor is a great free WordPress page builder plugin. In this series of videos we will go from initial install to building a fully working WordPress ecommerce website with the Elementor builder.

Get Elementor From Here: http://bit.ly/GetElemrntor

Elementor Ecommerce Store Playlist: https://www.youtube.com/watch?v=Sl1Ye9XHhgY&list=PLqabIl8dx2wrrX3YsjpIEL8uq5LnSkrhA

Elementor Video Playlist : https://www.youtube.com/watch?v=yN6YlT1Cvqc&list=LLYeyetu9B2QYrHAjJ5umN1Q

GDPR page: https://www.websiteplanet.com/blog/make-privacy-policy-gdpr-compliant/

Lottie Animations: https://lottiefiles.com/

Woocommerce shortcodes: https://barn2.co.uk/woocommerce-shortcodes/

CSS Code Used:

/*Woocommerce colors*/

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:blue !important;

background-color:blue !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:blue !important;

background-color:blue !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: red !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

transition:1s;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: blue !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}


/* Woocommerce Sale Badge Color */

.onsale {
background:red;
}

/* Remove Underline On Links */

a {
text-decoration:none !important;
}

ul.products li.product .button {
text-decoration:none !important;
}

/* Contact form */

.frm {
background: #eee !important;
}

.wpcf7-submit {
background:red !important;
transition:1s !important;
text-decoration:none !important;
}
.wpcf7-submit:hover {
background:blue !important;
}

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