Badge customization in Store Locator

Ask the Community Customization
1

Hey Max,

There is no code in the email for the badge?

Shawn Martin
FanYourLocal

2 Likes
2

The code for changing the background color for each badge is available in the message above:

image
image695×380 39.8 KB

As for changing the text color for each badge, our devs will come up with a solution and I’ll let you know once it’s ready :slightly_smiling_face:

1 Like
3

Hey Max,

Thanks for sending the code but there is some code that is not shown i inside the box - can you send the entire code?

Also, how do I remove the border-radius on forms?

Thank you,

Shawn Martin

1 Like
5

Here is the full code for changing the badge color:

[class*='location-preview-image-layout__Container-sc']:nth-child(2) [class*='badge__StyledBadge-sc'] {
	background-color: gold;
	color: black;
}

As for the border radius, could you please send me a link to the page where your widget is installed or just specify its ID?
1 Like
6

Thanks for that Max! Yes the url with the form on it vrtz.cc/vpage-contact-chat-form-follow-up

Shawn Martin
FanYourLocal

2 Likes
7

Hi there, @Shawn_Martin :wave:

Got it, thanks! This setting is available in the Background section on the Appearance tab, and I’ve changed the corner radius for you:

image
image332×345 16 KB
image
image340×530 40.1 KB


Let me know if you have any questions left :wink: