Localization – Hide elements for specific locales

Design help Localization
1

Hey everyone!

What we’re trying to accomplish:
On Locale 1: I want to showcase plain text, say a price.
On Locale 2: I want to showcase the same plain text, with a new price, but also an element with “compare at” price.

Here’s what I tried.

  1. Added the $12/mo localization plan. Added the second locale. Allowed publishing on both
  2. Added the “compare-at” element on Locale 1 and set it to Display:None.
  3. On the Locale 2, I made it Display:Flex

Result
The initial text change works like a charm, but element hiding is not working –> The element is hidden on both locales. GPT says there’s a visibility menu? I don’t see that option.

What do I do?

Thanks everyone for your help!
Cheers,
Jason

2

Screenshot 2025-03-12 at 4.17.47 PM
Screenshot 2025-03-12 at 4.17.47 PM1072×898 48.6 KB

This is from: https://help.webflow.com/hc/en-us/articles/33961240676371-Localize-content-and-styles#how-to-localize-styles

But I don’t see that option! Do you?

3

Make sure you’re on the settings tab, rather than the style tab.
The Visibility setting is near the top.

4

Thanks for your response Michael!

You’re right, I do see the Visibility in the Locale 1 settings panel, however, when I go into Locale 2 – that section is gone. Am I doing something wrong?

5

I haven’t checked lately but I’d always thought that in sub-Enterprise plans, locale-specific visibility would be handled with style instead.

You might double check that the docs section you’re reading isn’t Enterprise-specific?

If you haven’t cleaned it up yet, you might have a locale code set site-wide in addition to Webflow localization. These will compete and break features like locale-specific styling since the <html lang> attribute will be overridden by the site level setting.