Sold Out Style

This topic has 14 replies, 2 voices, and was last updated 6 years, 7 months ago by Elise Noromit.

Viewing 15 posts - 1 through 15 (of 15 total)

Author

Posts
July 24, 2018 at 11:52 am #68949

mahmutyavsn
Participant

Hi

Can i change sold out style
http://prntscr.com/kac8ot

to this style

http://prntscr.com/kac90c

July 24, 2018 at 3:22 pm #69033
Elise Noromit
Member
Hello,

Please add this code to Theme Settings > Custom CSS:
```
.product-label.out-of-stock {
    font-weight: 900;
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    background: red;
}

.product-labels {
    min-width: 100%;
}
```
Best Regards
July 24, 2018 at 3:34 pm #69036

mahmutyavsn
Participant

Hi

it turns this

http://prntscr.com/kafok5

July 24, 2018 at 3:50 pm #69039

Elise Noromit
Member

Hello,

Reduce this value bottom: -100px; till it appears in the place you wish.

Best Regards

July 24, 2018 at 3:54 pm #69041

mahmutyavsn
Participant

Hi

Problem isn’t about its position i want it like a strip on photo like this

http://prntscr.com/kafymx

July 24, 2018 at 4:10 pm #69045

Elise Noromit
Member

Hello,

Please provide the link for the sold-out product

Best Regards

July 24, 2018 at 4:12 pm #69046

mahmutyavsn
Participant

https://modaberfu.com/urun/volani-incili-tunik-siyah/

July 24, 2018 at 4:34 pm #69053

mahmutyavsn
Participant

hi

July 24, 2018 at 7:34 pm #69066
Elise Noromit
Member
Hello,

Try this code:
```
.product-labels {
width:100%;
max-width:100%;
}

.labels-rounded .out-of-stock {
    max-width: 100%;
    width:100%;
    border-radius:none!important;
    position:absolute;
    bottom:-70px;
    left:0;
}
```
Best Regards
July 24, 2018 at 7:58 pm #69071

mahmutyavsn
Participant

Hello

it looks like this

http://prntscr.com/kaj19e

could it a little transparent

July 24, 2018 at 8:25 pm #69077
Elise Noromit
Member
Hello,

Replace the second part of code with this one:
```
.labels-rounded .out-of-stock {
    max-width: 100%;
    width:100%;
    border-radius:none!important;
    position:absolute;
    bottom:-70px;
    left:0;
    background:rgba(0,0,0,0.6);
}
```
Best Regards
July 24, 2018 at 8:45 pm #69081

mahmutyavsn
Participant

Hi

Thanks a lot for your help.Maybe next updates includes sold out styles like this

July 25, 2018 at 7:13 am #69108

Elise Noromit
Member

You are welcome! If you have any questions please feel free to contact us.

Best Regards

July 25, 2018 at 2:38 pm #69217

mahmutyavsn
Participant

Hi

Me again. Could a little bit thin

http://prntscr.com/kavkrf

July 25, 2018 at 5:52 pm #69233

Elise Noromit
Member

Hello,

The issue has been fixed. If you want to increase/decrease the height change the value of the min-height: http://prntscr.com/kay7k6 in Theme Settings > Custom CSS

Best Regards
Author

Posts

Viewing 15 posts - 1 through 15 (of 15 total)

Sold Out Style

Create your WordPress website.