How can I adjust the sale badge size and product text font?

Store Design
1

Hi,

Is it possible to make the sale badge bigger?

and,

Is it possible to change the font of these texts ONLY? ( I mean the texts under the products) ^^

sale and change font.png
sale and change font.png472Ă—543 265 KB

2

Hello There,

Please share your page store URL and password.
So that I will check and let you know the exact solution here.

3

Hey @burak07 .

Thanks for reaching out.

I appreciate that you have included a screenshot as that is very helpful! Would you be able to share your online store URL and which theme you are using? As this context will allow us to explore and take a closer look into the customization.

If you are unsure about which theme is live on your store, you can navigate to the Theme Editor and select the three dots that are located towards the top left of the page. I took a screenshot from my test store to show you the section I am referring to:

17-51-11505-34914
17-51-11505-349141920Ă—911 163 KB

Looking forward to your response.

4

Can you please tell me how can i open online store.? What requirements need?

5

Shopify givens 14 days trail and I’m on trail. But i couldn’t understand any things there are a lot of problem facing. Plz guide me if u can.

6

KraZy DeCo This is my website link.

Theme’s name is “Colors Theme”

7

Hello @burak07

Please follow the steps below after logging into the Shopify admin:

  • Go to your Shopify Admin panel.

  • Click on Online Store > Themes.

  • Find the live theme and then click Actions > Edit code.

  • Search colors.css

  • Insert the provided CSS code at the top of the file and save the changes.

.collection-products .collection-product>.inner .tag .shape-wrapper
{
    width: 60px !important;
}
.collection-products .collection-product>.inner .tag .shape-wrapper .shape.solid
{
    width: 60px !important; 
    height: 60px !important;
}
.collection-products .collection-product>.inner .info .metas .price .price.striped
{
    font-family: 'Poppins'; // add font family name which you need
}
.collection-products .collection-product>.inner .info .metas .title
{
    font-family: 'Poppins';  // add font family name which you need 
}

Please hit Like and Mark it as a Solution if you find our reply helpful.