Adding border to banner

Store Design
, ,

Topic summary

A user seeks to add a border to the bottom of their banner image on their Shopify store (blissbloom.shop).

Solution Provided:

  • Add custom CSS code to the banner section’s “Custom CSS” setting in the Customizer
  • Use the CSS rule: .banner { border-bottom: 1px solid black; }
  • The border thickness (1px) and color (black) can be customized as needed

A screenshot was shared showing the current banner layout. The solution appears straightforward and directly addresses the request.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

I am wanting to add a border to the Bottom of my banner image, what would be some code to do this?

store- blissbloom.shop

Screenshot (4)
Screenshot (4)1366×768 190 KB

2

In Customizer, add this code to the banner section “Custom CSS” setting.
Change thickness (1px) and color (black) to your taste:

.banner {
  border-bottom: 1px solid black;
}