Store Locator Customization

I want to remove the store hours line. Please refer to the screenshot below. What CSS class do I use to hide it? TIA!

2 Likes

Hi @JW_TA
do I really understand that only open and close should be shown?
Then you can use this CSS

.global-styles,
[class*="status-indicator__Caption-sc"],[class*="portal"][class*="eapps-business-hours"],
[class*="status-indicator__TriggerIcon-sc"] {
display: none !important;
}
[class*="typography__Container-sc"] {
cursor: auto;
}
[class*="content__Block-sc"] {
  margin: 0px  !important;
}

When you want to remove this complete, then use this CSS

[class*="content__Block-sc"]:last-child {
display: none !important;
}
1 Like

I would like the whole line text of “open/close” to be hidden. I tried the 2nd code snippet you shared and it doesn’t seem to have done anything.

Hi @JW_TA, I’m glad to say that you can remove this status wight in your widget settings :raised_hands:

To do so, please go to the Directory tab and click Detailed Card:

Here you just need to untick the Business Hours option:

Please let me know if this helps :pray:

1 Like

Hi Rena,

Exactly what I was looking for! Thank you!

2 Likes

Hey @JW_TA, you’re always welcome! :pray: