Return to previous page

Change button style on products Page? - by groubee

This topic has 4 replies, 2 voices, and was last updated 9 years ago ago by Brian Johnson

groubee

Participant

April 29, 2015 at 09:12

Hi

How can I change the button style on the products page? (white to black) hover
see: http://smooff.serv11.powerhosting.dk/?post_type=product

I need it to be the same as on “Single product page” (black to orange) hover
see: http://smooff.serv11.powerhosting.dk/?product=smooff

#60447 Copied

3 Answers
Brian Johnson

Member

April 29, 2015 at 09:42
Hello

Please add this code into the custom.css:
```
.product-details .btn{border:none;background-color:black;color:white;  -webkit-transition: color 0s linear!important;
  -moz-transition: color 0s linear !important;
  -ms-transition: color 0s linear !important;
  -o-transition: color 0s linear !important;
  transition: color 0s linear !important;}
  .product-details .btn:hover{background-color:orange;color:white;border:none;-webkit-font-smoothing: antialiased !important;
-webkit-transition: background 0.25s ease-in !important;
-ms-transition: background 0.25s ease-in !important;
-o-transition: background 0.25s ease-in !important;
transition: background 0.25s ease-in !important;}
```
With best regards
Brian Johnson
#60459 Copied
groubee

Participant

May 6, 2015 at 12:32

I works – thanks

#62032 Copied

Brian Johnson

Member

May 6, 2015 at 12:34

You are always welcome!

With best regards
Brian Johnson

#62035 Copied
Tagged: button, change, products, style, templates, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘change button style on products Page?’' has been successfully resolved, and the topic is now closed for further responses

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Furniture Store – WordPress WooCommerce Theme

lazy-placeholder

Underwear – WooCommerce Theme

lazy-placeholder

Kids Store – WooCommerce Theme

lazy-placeholder

Classic Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Hotel – WordPress Theme

lazy-placeholder

Sneakers Store – WordPress WooCommerce Theme

lazy-placeholder

X-Phone Store – WordPress WooCommerce Theme

lazy-placeholder

Landing Watch – WordPress WooCommerce Theme

lazy-placeholder

Mango – Responsive eCommerce PSD Template

lazy-placeholder

Kids Toys Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.