Re: Custom border beneath header in Craft
Hi everyone,
I am looking to add a custom border beneath my header on my Shopify page. The URL is campagnacoffee.com. I have a PNG image file that I would like to use as this border, and I've included a screenshot of it below. I would like this border to run across the top of my page below the header.
Hopefully someone can help me with this; it's much appreciated.
Sincerely,
Michael
Hey @mmontella,
That would be more feasible.
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
The value "5px" is the size, reduce it or increase it according to what works for you.
<style>
sticky-header.header-wrapper.color-background-1.gradient {
border-bottom: 5px solid rgb(69, 125, 199);
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @mmontella,
That would be more feasible.
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
The value "5px" is the size, reduce it or increase it according to what works for you.
<style>
sticky-header.header-wrapper.color-background-1.gradient {
border-bottom: 5px solid rgb(69, 125, 199);
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Okay, that worked; it's a pretty good fix for the time being, as I wanted something to separate my menu from the rest of the webpage.
More generally: how possible is it to add "decorative flourishes" to Shopify pages? We have a whole design book of flourishes for our brand which I'd like to include in the website's design, though I'm not sure how possible this is.
I'm including a few more of the images here:
Community Blog Articles
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024