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
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
1 Like
Hi Rena,
Exactly what I was looking for! Thank you!
2 Likes
Hey @JW_TA, you’re always welcome!