I need to change color off "offer" that is coded in the theme.

[Millioné]

I need to change the color of  "aanbieding" to black background, it is coded in the theme. Also, we need to delete the "Vanaf". Can you please help me? Thanks !

[vinh0225]

Hi @Millioné 

Could you please share your store URL for further investigation?

Regards,
Vinh

[vinh0225]

Hi @Millioné 

Please share your store URL for further investigation.
Thanks,

Vinh

[Millioné]

anivera.nl

, Thanks for your help, Vinh

[vinh0225]

@Millioné 

After checking your site, to update the background color of "Aanbieding", please follow these steps:
- Go to Online Store/Themes > Select "Edit code" on a theme.

- Open assets/base.css and find the following:

.badge {
    border: 1px solid transparent;
    border-radius: var(--badge-corner-radius);
    display: inline-block;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    line-height: 1;
    padding: .5rem 1.3rem .6rem;
    text-align: center;
    background-color: rgb(var(--color-badge-background));
    border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
    color: rgb(var(--color-badge-foreground));
    word-break: break-word;
}

- And update the background color to black. 

background-color: black;

That's it.

For removing "Vanaf", we need to update a liquid code, but I can't suggest a correct way without seeing the codebase.

If you can allow me to access the store admin, I can help it too. Please let me know.

Regards,
Vinh

[jackgray72]

You can change the color of "offer" by editing the theme's CSS file. Look for the specific class or ID associated with "offer" and squishmallow halloween adjust the color code accordingly.