Sold Out Style

Hi

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

to this style

http://prntscr.com/kac90c

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

Hi

it turns this

http://prntscr.com/kafok5

Hello,

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

Best Regards

Hi

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

http://prntscr.com/kafymx

Hello,

Please provide the link for the sold-out product

Best Regards

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

hi

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

Hello

it looks like this

http://prntscr.com/kaj19e

could it a little transparent

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

Hi

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

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

Best Regards

Hi

Me again. Could a little bit thin

http://prntscr.com/kavkrf

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