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

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 !

Hi @Millione

Could you please share your store URL for further investigation?

Regards,
Vinh

Hi @Millione

Please share your store URL for further investigation.
Thanks,

Vinh

anivera.nl

, Thanks for your help, Vinh

@Millione

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

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.