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, 11 months ago ago by Brian Johnson

  • Avatar: groubee
    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
    Avatar: Brian Johnson
    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
    Avatar: groubee
    groubee
    Participant
    May 6, 2015 at 12:32

    I works – thanks

    #62032 Copied
    Avatar: Brian Johnson
    Brian Johnson
    Member
    May 6, 2015 at 12:34

    You are always welcome!

    With best regards
    Brian Johnson

    #62035 Copied

  • Tagged: , , , , , ,

  • 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

Support Forum Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
School – WordPress Theme
lazy-placeholder
Glasses Store – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Shoes 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.