- This topic has 3 replies, 2 voices, and was last updated 10 months, 2 weeks ago by
.
-
Posts
-
Hi,
I’m hoping someone can help with two things:1. When items are out of stock they say “read more” rather than “out of stock”. Is there any way to fix this? See screen shot below –
https://www.awesomescreenshot.com/image/38679319?key=fcae1eff9ed3db67777e4eb6b22261ef2. How do I add a “shop all” button and how do i configure the products to all how up in this section?
This is my website: http://www.farmhouseonnubba.com.auThanks
@RMINEH, Regarding query no.1 we can fix the issue by adding CSS code in additional CSS
Here is the CSS code
.outofstock .wp-element-button {
visibility: hidden;
padding: 0px 0px !important;
}.outofstock a.button:hover{
color: #000 !important;
}.outofstock .wp-element-button:before {
visibility: visible;
content: ‘Out Of Stock;
padding-left: 20px;
}Add this to Customizer >> Additional CSS
Regarding query no.2 could you please explain in more detail?
Thanks for your response. This additional CSS erases the button completely. Is there a way to have the button say out of stock rather than disappearing?
Please this add one CSS
.outofstock a.button.wp-element-button.product_type_simple:before {
content: “Out Of Stock” !important;
padding: 14px !important;
margin-left: 18px !important;
border: 2px solid !important;
border-color: #f5808c !important;
}
- You must be logged in to reply to this topic.
