Why is my sale badge text showing as a grey box?

Store Design
,
1

Hi,

In my shop the products having sale prices are not showing the sale text, it is just showing a grey box on it. help me in this

image - https://ibb.co/nMPZGH4

2

Please share the url…

3

Hu @sssshreya

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

.badge {
    color: red !important;
}

PageFlyVictor_0-1672369505822.png
PageFlyVictor_0-1672369505822.png1347×575 670 KB

Hope that my solution works for you.

Best regards,

Victor | PageFly

4

Hi @sssshreya !

You can solve the problem by following steps:

Step 1: In theme → Online Store → Action → Edit code

Step 2: Search file base.css.

Step 3: Paste this code at bottom of the base.css file and hit save

.badge {
    background-color:transparent !important;
    color: grey !important;
}

If you want the background not to be transparent you can use the following code :

.badge{
   background-color: black !important;
   color: grey !important;
}

you can change the color to whatever you like.

Hope this helps you.