# Banner

**URL:** https://community.elfsight.com/c/css-codes/banner/200.md

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

---

## [Add Border and Shadow](https://community.elfsight.com/t/add-border-and-shadow/110215)

<div class="topic-metadata">

**Author:** [@Sina](https://community.elfsight.com/u/Sina)\
**Replies:** 0\
**Last updated:** [March 30, 2025, 8:17am UTC](https://community.elfsight.com/t/add-border-and-shadow/110215 "2025-03-30T08:17:39Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your Banner widget’s settings: \[class\*="widget\_\_Container-sc"\], \[class\*="Background\_\_Container-sc"\]{ border-width: 1px; border-color: #000; box-shadow: …

---

## [Set different background images for desktop and mobile](https://community.elfsight.com/t/set-different-background-images-for-desktop-and-mobile/57400)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [June 18, 2024, 7:26am UTC](https://community.elfsight.com/t/set-different-background-images-for-desktop-and-mobile/57400 "2024-06-18T07:26:08Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your Banner widget’s settings: .global-styles, \[id\*="eapps-banner"\] \[class\*="Background\_\_Base"\] { background-image: url(URL\_FOR\_DESKTOP) !important; } @med…