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 !
anivera.nl
, Thanks for your help, Vinh
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.
