WooCommerce Product Button Text & Mobile Alignment
-
Hello,
How do I change the text of the WooCommerce product buttons? Specifically, I am looking to change the text on the button for free items from “Read More” to “Listen Now”.
Also, the product buttons appear in different places on the desktop and mobile versions. I added extra CSS to make the product buttons align on the desktop but noticed on the mobile that the product buttons are far from the product image. I would like the buttons to align on both mobile and desktop and be near the price of the product.
/*WooCommerce Shop Button Alignment*/ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {min-height: 525px !important; margin-bottom:10px; } ul.products li.product a.button {position: absolute !important; bottom: 100px; }
Someone recommended using this code instead, but I am waiting for their response on how to use it as the ways I tried were not working.
.woocommerce ul.products li.product .button { margin-top: 0; }
Thank you!
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
- The topic ‘WooCommerce Product Button Text & Mobile Alignment’ is closed to new replies.