# Store Locator Customization

**URL:** <https://community.elfsight.com/t/store-locator-customization/84108>\
**Category:** General Questions\
**Tags:** store-locator\
**Created:** [November 20, 2024, 1:58am UTC](https://community.elfsight.com/t/store-locator-customization/84108 "2024-11-20T01:58:17Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![JW\_TA](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/jw_ta/32/38411_2.png) [@JW\_TA](https://community.elfsight.com/u/JW_TA)\
**Post date:** [November 20, 2024, 1:58am UTC](https://community.elfsight.com/t/store-locator-customization/84108/1 "2024-11-20T01:58:17Z")

</div>

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

 ![Screenshot 2024-11-19 at 5.54.34 PM](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/6/5646882c2dec93bf47a5427008bfa0783e1f6f0c.jpeg)

---

<div class="post-metadata">

**Author:** ![Sina](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sina/32/59970_2.png) [@Sina](https://community.elfsight.com/u/Sina)\
**Post date:** [November 20, 2024, 2:14am UTC](https://community.elfsight.com/t/store-locator-customization/84108/2 "2024-11-20T02:14:49Z")

</div>

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

```auto
.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

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

```

---

<div class="post-metadata">

**Author:** ![JW\_TA](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/jw_ta/32/38411_2.png) [@JW\_TA](https://community.elfsight.com/u/JW_TA)\
**Post date:** [November 22, 2024, 5:16am UTC](https://community.elfsight.com/t/store-locator-customization/84108/3 "2024-11-22T05:16:37Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Rena](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/rena/32/43423_2.png) [@Rena](https://community.elfsight.com/u/Rena)\
**Post date:** [November 22, 2024, 8:44am UTC](https://community.elfsight.com/t/store-locator-customization/84108/7 "2024-11-22T08:44:04Z")

</div>

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** :

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/2/2256c9bf893668a654e968129f655fae3ac883a0.png)

Here you just need to untick the **Business Hours** option:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/5/e56947ca2796c069874fca6e7f94cc79e1c23a63.png)

Please let me know if this helps 🙏

---

<div class="post-metadata">

**Author:** ![JW\_TA](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/jw_ta/32/38411_2.png) [@JW\_TA](https://community.elfsight.com/u/JW_TA)\
**Post date:** [November 26, 2024, 8:39pm UTC](https://community.elfsight.com/t/store-locator-customization/84108/8 "2024-11-26T20:39:54Z")

</div>

Hi Rena,

Exactly what I was looking for! Thank you!

---

<div class="post-metadata">

**Author:** ![Rena](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/rena/32/43423_2.png) [@Rena](https://community.elfsight.com/u/Rena)\
**Post date:** [November 27, 2024, 6:07am UTC](https://community.elfsight.com/t/store-locator-customization/84108/9 "2024-11-27T06:07:45Z")

</div>

Hey @JW_TA, you’re always welcome! 🙏