Return to previous page

Out of Stock Banner - by herbokolog - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 3 years, 7 months ago ago by Rose Tyler

herbokolog

Participant

June 15, 2020 at 13:49

Hi,
I want to change out of stock position. It is at the middle of the product. can we change pozition like near price in catalog page or right bottom of product. Thank you.

#240864 Copied Theme version: 6.3.4

5 Answers

Olga Barlow

Support staff

June 16, 2020 at 00:55

Hello,

Unfortunately, according to the existing HTML structure out of stock label can’t be out of the image. We can move it to the top of the image or to the bottom of the image or disable but not out of that area.

Regards

#240926 Copied

herbokolog

Participant

June 17, 2020 at 14:17

Dear Olga,
well then, can you tell me how can i move it to the top left or top right and make it single line.

#241129 Copied
Olga Barlow

Support staff

June 17, 2020 at 21:55
Hello,

Add the following code to move it to bottom of the image
```
.content-product .stock, .content-product .available-on-backorder {
    bottom: 0;
    top: unset;
}
```
Or this one to top
```
.content-product .stock, .content-product .available-on-backorder {
    top: 0;
    transform: translate(-50%, 0);
}
```
Regards
#241176 Copied
Hasnat

Participant

May 5, 2021 at 10:58

If we want to move it to left or right kindly suggest a code

#286412 Copied

Rose Tyler

Support staff

May 5, 2021 at 14:26

Set “left” or “right” in the code.
Also, bottom: 10; – doesn’t work, you need to set px or % , for example
– https://gyazo.com/c4f1e20e86ca6d510a201f4b3ddcfa9c

Regards

#286454 Copied
Viewing 6 results - 1 through 6 (of 6 total)