SKT Nutristore & woocommerce

[daniele]

Hi I am having a problem finding a way to change the woocommerce buttons to mach colors of my site can some one please help

[daniele]

a little more information I need to get wc-proceed-to-checkout to be this color : #64b744

[daniele]

Take a look at the image https://ibb.co/n0GRwtz

[daniele]

I amanged to fix useing custom CSS:

.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:#64b744 !important;

background-color:#64b744 !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:#64b744 !important;

background-color:#64b744 !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: #64b744 !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.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: #64b744 !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}

[daniele]

So on to the next question, how to remove the word Cart from the shopping cart on the top Menu Bar and just have the image of the shoping cart?

[Sonnal S Sinha]

Hi,

We checked, Your issue is resolved.

Regards,
Chris

[daniele]

Yes thanks, I have one last problem the testimonial slider is not working on mobile devices please look at the image https://ibb.co/CBkJwMk hope you can help with this.

[Sonnal S Sinha]

Hi,

Kindly use this CSS to resolve testimonial issue in mobile.

@media screen and (max-width:767px) {
.bx-wrapper .bx-loading { display:none !important;}
}

Regards,
Chris

[daniele]

Thaks that worked perfectly

[Sonnal S Sinha]

🙂

[Author]

Posts