Solved

How can I add a black line under my header on Dawn that is thicker? Also add white space to banner

funkydropshippi
Shopify Partner
12 0 0

Hey guys!

 

How can I add a thick black line under my header - I have tried the largest amount offered by Dawn theme but it is too thin - Also I don't like that the image banner has no white space above it, how can I add some white space to my Image Banner on Dawn theme 

 

I think this is the same for all Shopify 2.0 themes?? 

 

Please help!

Accepted Solution (1)

HamishDavisonIC
Shopify Partner
62 9 66

This is an accepted solution.

The video:

 

 

Around line 2000 the last line of this code In base.css add:

 

 

/* section-header */
#shopify-section-header {
  z-index: 3;
  border-bottom: 5px solid black;

 

and then to add white space on 5th line add the final line of this code in section-image-banner.css add:

 

 

.banner {
  display: flex;
  position: relative;
  flex-direction: column;
  margin-top: 2.4rem;
}

 

 

View solution in original post

Replies 3 (3)

HamishDavisonIC
Shopify Partner
62 9 66

This is an accepted solution.

The video:

 

 

Around line 2000 the last line of this code In base.css add:

 

 

/* section-header */
#shopify-section-header {
  z-index: 3;
  border-bottom: 5px solid black;

 

and then to add white space on 5th line add the final line of this code in section-image-banner.css add:

 

 

.banner {
  display: flex;
  position: relative;
  flex-direction: column;
  margin-top: 2.4rem;
}

 

 

oscprofessional
Shopify Partner
15830 2369 3072

@funkydropshippi 
Hello,
Can You Please Share Your Store URL...

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

ShopOwner28
Tourist
13 0 13

Can this be done for Debut? a thin line?