How to add a badge to the product images [Motion Theme]

[itsmebob]

Hello, I would like to add a self coded badge to the product images, which will stay at the same place when swiping towards new product images.

Desktop example: 

Mobile View:

This is the code, but I don't know where to put it.

.product__photos.product__photos--below:after {
content: "almost sold out";
position: absolute;
right: 10px;
top: 10px;
font-size: 1.1rem;
background-color: #effe54;
padding: 6px 14px 10px;
font-weight: 600;
border-radius: 12px;
color: #000;
border: 1px solid #000;
}

[PageFly-Richard]

Hi @itsmebob ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste your code at the bottom of the file.

.product__photos:after {
content: "almost sold out";
position: absolute;
right: 10px;
top: 10px;
font-size: 1.1rem;
background-color: #effe54;
padding: 6px 14px 10px;
font-weight: 600;
border-radius: 12px;
color: #000;
border: 1px solid #000;
}

I hope it would help you
Best regards,

Richard | PageFly

[itsmebob]

Hmm, sadly doesn't work for me, I've send my store in dms, perhaps you can take a quick look!

[PageFly-Richard · Accepted solution]

Hi @itsmebob ,

You can try this code:

@media screen and (max-width: 589px) {
.product__photos {
position: relative;
}
.product__photos:after {
right: 80px !important;
}
}

Best regards,

Richard | PageFly

[john786]

Watch Bigg Boss 17 Watch Online  Video Full Episodes of Colors Tv, Bigg Boss 17 Today Episode Online By Voot Free Download high Quality.

[john786]

Watch The Kapil Sharma Show Sony Tv Latest Today Episodes Online, The Kapil Sharma Show Apne Tv Desi Serial Box Show Free Download by Sonyliv

[john786]

Watch Bigg Boss 17 Watch Online Video Full Episodes of Colors Tv, Bigg Boss 17 Today Episode  Online By Voot Free Download high Quality.

[john786]

Watch BiggBoss 17 watch online Colors Tv Show Video Latest Episodes in High Quality, Bigg Boss 17 Today Episode  in HD Online, Bigg Boss 17 Free Download.

[john786]

Watch BiggBoss 17 watch online  Colors Tv Show Video Latest Episodes in High Quality, Bigg Boss 17 Today Episode in HD Online, Bigg Boss 17 Free Download.

[john786]

Khatron Ke Khiladi watch online  Season 13 Colors Tv Hindi Show Today Latest Full Epsiode HD, We Try Our Best To Make Available All Episode Voot. Watch Khatron ke Khiladi today episode.

[animepahe0]

Animepahe is the best streaming website. One of the main advantages of Animepahe is that it provides free access to its entire anime library. Users can enjoy their favorite shows without any subscription fees or hidden costs.