Responsiveness issue + layout question

[orlane_azogui]

Hi,

I need your help with two things.

1. My “add to cart” button (“ajouter au panier” in french) is not responsive for smartphone, the button is shorter than the text (see attached).
2. I installed the plugin cart stock reducer and I’m happy with it but when there’s a pending order for a product, the text is displayed in capital letters. I asked the plugin support and they told me it was because of my theme (see attached).

Can you please help me with these ?

Many thanks,

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Laurie,

1. Please add custom css

@media only screen and (max-width: 480px) {
.single_add_to_cart_button {
font-size: 11px;
padding: 0 20px;
}}

2. Could you send us the product display this message? and tell us the mean of the text.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[orlane_azogui]

Hello,

1. Thanks a lot, looks good now

 

2. This text is only displayed when a product is in the cart of someone and is not available until the person has deleted the product from his cart. So it means something like “this product is in the cart of someone else and is not available right now”. This message is generated by the plugin cart stock reducer.

Did I answered well your question ?

Thanks,

Best,

Laurie

[Harry]

I think the text display by plugin so the plugin control the function.

Could you try go to WooCommerce > Setings > Product > Inventory > Hold stock (minutes) and reduce this number.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[orlane_azogui]

Hi,

Maybe I misled you but I just want to change the font of the text . Right now it’s all written in capital letters (see my earlier screenshot). I just want it written a regular way !

[Harry]

Sorry I miss understood. Have similar topic related to product status 🙂

You can change the text to normal by add custom css

p.out-of-stock {
text-transform: none;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts