I’m working on a new site for a customer so it’s not live. My code is… section.sf-header { border-bottom: 15px solid #313131; } This creates the border I want but it will not recognize the color even if I do section.sf-header { border-bottom: 15px solid #313131 !Important; } What am I missin…

Hi @BobbyB1219 , Please share your store URL and if your store is password protected then please provide password too. So that we can help you. Thank you.

https://xcv5jupy4qkggg7r-15368361.shopifypreview.com

Hi @BobbyB1219 , You can follow the instruction below: Go to Online Store->Theme->Edit code Asset->/theme.css->paste below code at the bottom of the file: #shopify-section-template--14567458472036__1621243260e1af0c20 { border-top: 15px solid #313131; margin-top: -15px; } If you feel lik…

This is close but it only applies to the home page. In my original post, I was trying to apply it to the header site-wide. I think earlier I tried the section but I started with section# instead of shopify-section

@BobbyB1219 oh sorry can you try this code #shopify-section-header { border-bottom: 15px solid #313131; }

This problem is so weird. That creates the border but yet still will not recognize the color I am keying even if I put !Important at the end. Now even more confusing is if I do border-top with everything you posted it works perfectly. Not sure what it is about border-bottom that is creating this pro…

@BobbyB1219 if possible to share issue images?

[BobbyB1219_0-1650955737839.png] #shopify-section-header { border-bottom: 5px solid #313131; } Creates the bottom border but it keeps making it the background color.

No worries. I finally figured it out. The correct class to modify is .sf-header header {} and not what was suggested above. I appreciate all of the help though.

Why isn't my header border color code working?

Store Design

KetanKumar April 26, 2022, 6:59am 10

@BobbyB1219

This preview link has expired
Please contact the store owner for a new link.

Topic		Replies	Views
Add bottom border to header (Sahara) Store Design menu , design , header , shopify-themes , troubleshooting	5	70	May 28, 2024
Dawn theme: how to make section header bottom border coloured Store Design shopify-themes	2	62	April 28, 2023
How can I add a color border to a homepage section? Store Design	2	59	July 21, 2021
How can I add a border around my store header? Store Design menu , design , customizations , collection-page , footer , css , third-party-themes , cart-page , shopify-themes , troubleshooting	1	158	November 20, 2022
Remove the bottom border of the header section ( Savor Theme) Store Design design , customizations , css , html , shopify-theme	9	99	March 13, 2026

Why isn't my header border color code working?

Related topics