• 

  andreataylor

  Participant

  June 10, 2015 at 11:42

  Hi there,

  We’d like to change the size of the button on the single product pages from big filled button to medium or small filled button. I couldn’t see any guidance in the documentation, but can see that is it possible from the Legenda demo. Is this something that you can help with?

  Best wishes, Andrea

  #69016 Copied Theme version: 2.7.1 WooCommerce version: 2.3.9

  5 Answers

  

  Eva Kemp

  Participant

  June 10, 2015 at 12:31

  Hello,

  Try to add this code in custom.css file:

  .single-product-page .product-info .single_add_to_cart_button {
   font-size: 12px !important;
  }

  How to create custom.css you can watch in this tutorial.

  Regards,
  Eva Kemp.

  #69026 Copied
  

  andreataylor

  Participant

  June 10, 2015 at 12:44

  Thanks Eva,

  That worked, thank you, but the button is now misaligned with the Add to Wishlist button.. Is it possible to fix that? The URL is: http://www.taylorstimeless.com/product/ring-1/

  Also, the button is still the same (big) size on the Quick View.

  Best wishes, Andrea

  #69027 Copied
  

  Jack Richardson

  Support staff

  June 10, 2015 at 15:53

  Hello Andrea,

  Try the following css code in custom.css:

  .wishlist-btn-container.with-styles {
    margin-top: -9px !important;
  }
  .quick-view-popup .product-info .single_add_to_cart_button {
   font-size: 12px !important;
  }

  Best regards,
  Jack Richardson.

  #69105 Copied
  

  andreataylor

  Participant

  June 10, 2015 at 16:17

  Perfect – many thanks indeed! Andrea

  #69109 Copied
  

  Robert Hall

  Participant

  June 10, 2015 at 16:19

  Hello,

  You’re welcome!

  Regards,
  Robert Hall.

  #69110 Copied