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
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024