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, 6 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – 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.