Change Size And Location Of Tags

General General Questions
1

I find the size and location of the labels for 'free shipping' and 'save %' on the category page and quick view page to be overpowering. I would like to at least reduce the size of the label. I would also like to change the position if possible. I tried to find the size in the theme adjustments but was not successful.

How can I do this?

Thank you

objectionable labels.jpg

2

Please share or PM URL of this page

3

We are experiancingthe same issue, Free Shipping label overlaying product picture need to be able to reposition the label. Anyone know how to accomplish this?

4

Please share URL of such page and we will try to provide you with the required CSS code

5

Here is the page:

https://primequalityproducts.com/primequalityproducts.com-hair-treatments-shampoos-conditioners-treatments-beauty-and-personal-care/its-a-10.html

Thank you

Also see-

https://primequalityproducts.com/its-a-10-miracle-leave-in-product-4oz.html

and

https://primequalityproducts.com/primequalityproducts.com-hair-treatments-shampoos-conditioners-treatments-beauty-and-personal-care/its-a-10.html

6

Try to add to the CSS section of the Theme editor

.ty-product-labels {
    flex-direction: column;
    .ty-product-labels__item {
        flex-direction: column;
        .ty-product-labels__content {
            font-size: 12px;
        }
    }
}

The result should be

https://prnt.sc/p58gqi

7

eCom Thank you, That is much better,

8

You are welcome!

9

eCom I pasted your code and got no change below is what the addition looks like at the end of the previous code. I saved it.

Maybe I should enter it in the templates. Tell me where to put it.

Thank you

@media (max-width: 767px) {
.ty-text-links__item {
padding: 10px 0px;
}
}
.ty-product-labels {
flex-direction: column;
.ty-product-labels__item {
flex-direction: column;
.ty-product-labels__content {
font-size: 12px;
}
}
}
There is no change
10

Works for me

https://primequalityproducts.com/primequalityproducts.com-hair-treatments-shampoos-conditioners-treatments-beauty-and-personal-care/its-a-10.html