# Business Hours

**URL:** https://community.elfsight.com/c/css-codes/business-hours/203.md

[Latest](https://community.elfsight.com/latest.md) · [Categories](https://community.elfsight.com/categories.md) · [Tags](https://community.elfsight.com/tags.md)

---

## [Add background to dropdown arrow](https://community.elfsight.com/t/add-background-to-dropdown-arrow/140022)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [September 25, 2025, 4:50pm UTC](https://community.elfsight.com/t/add-background-to-dropdown-arrow/140022 "2025-09-25T16:50:57Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Business Hours widget’s settings: \[class\*='status-indicator\_\_Title-sc'\] { display: flex; } \[class\*='status-indicator\_\_TriggerIcon-sc'\] { width: unset; heig…

---

## [Move CTA button to the bottom](https://community.elfsight.com/t/move-cta-button-to-the-bottom/129174)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [July 3, 2025, 6:24pm UTC](https://community.elfsight.com/t/move-cta-button-to-the-bottom/129174 "2025-07-03T18:24:14Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Business Hours widget’s settings: \[class\*="multi-column-layout\_\_Column-sc"\] { display: flex; flex-direction: column; } \[class\*="business-info\_\_Container-sc…

---

## [Only "Open" or "Close" status](https://community.elfsight.com/t/only-open-or-close-status/78746)

<div class="topic-metadata">

**Author:** [@Sina](https://community.elfsight.com/u/Sina)\
**Replies:** 3\
**Last updated:** [October 28, 2024, 1:09pm UTC](https://community.elfsight.com/t/only-open-or-close-status/78746 "2024-10-28T13:09:18Z")

</div>

How can I setup for the open status Template only the Word “Open” or “Close” with the status color? No paddings, no margins, Thank you

---

## [Hide working hours](https://community.elfsight.com/t/hide-working-hours/57411)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [June 18, 2024, 8:20am UTC](https://community.elfsight.com/t/hide-working-hours/57411 "2024-06-18T08:20:48Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Business Hours widget’s settings: \[class\*="content\_\_Block-sc"\]:last-child { display: none !important; } Guys, if this code was helpful to you, please dro…

---

## [Add shadow to CTA buttons](https://community.elfsight.com/t/add-shadow-to-cta-buttons/57410)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [June 18, 2024, 8:19am UTC](https://community.elfsight.com/t/add-shadow-to-cta-buttons/57410 "2024-06-18T08:19:17Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Business Hours widget’s settings: \[class^="ButtonBase\_\_ButtonContainer-sc"\]{ box-shadow:0px 4px #715674; } Guys, if this code was helpful to you, please …

---

## [Hide dropdown popup with business hours](https://community.elfsight.com/t/hide-dropdown-popup-with-business-hours/57409)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [June 18, 2024, 8:18am UTC](https://community.elfsight.com/t/hide-dropdown-popup-with-business-hours/57409 "2024-06-18T08:18:09Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Business Hours widget’s settings: .global-styles, \[class\*="portal"\]\[class\*="eapps-business-hours"\], \[class\*="status-indicator\_\_TriggerIcon-sc"\] { display: n…

---

## [Change icon and text color in CTA buttons](https://community.elfsight.com/t/change-icon-and-text-color-in-cta-buttons/57408)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [June 18, 2024, 8:14am UTC](https://community.elfsight.com/t/change-icon-and-text-color-in-cta-buttons/57408 "2024-06-18T08:14:25Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Business Hours widget’s settings: \[class^="ButtonBase\_\_Ellipsis"\]{ color:white!important; font-weight:normal; font-size:16px; } \[class^="Icon\_\_IconContainer…

---

## [Change time format (add 0 at the beginning)](https://community.elfsight.com/t/change-time-format-add-0-at-the-beginning/38106)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [January 19, 2024, 6:18pm UTC](https://community.elfsight.com/t/change-time-format-add-0-at-the-beginning/38106 "2024-01-19T18:18:24Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Business Hours widget’s settings: \[class^='schedule-work-hours\_\_Container-sc'\] \> div:first-child:before { content: '0'; }

---

## [Change font weight](https://community.elfsight.com/t/change-font-weight/38107)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [January 19, 2024, 6:20pm UTC](https://community.elfsight.com/t/change-font-weight/38107 "2024-01-19T18:20:38Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Business Hours widget’s settings: \[class\*='typography\_\_Container-sc'\] { font-weight: 300; }