Add Strip in header with gradient colors or image option

Designosaur · July 13

Hi,

I want to add a strip to the header with gradient colours ( prefer hex code or decimal code for custom colour) or add a background image into the strip instead.

I'm able to add the strip and solid colour but couldn't figure out how to add the gradient or image.

Ziggy · July 13

Try this Custom CSS and adjust the colours:

header {
  border-image: linear-gradient(to right, darkblue, darkorchid) 1;
border-width: 35px 0px 0px 0px;
border-style: solid;
}
footer {
  border-image: linear-gradient(to right, darkblue, darkorchid) 1;
border-width: 0px 0px 35px 0px;
border-style: solid;
}

Give me a thumbs up if that works!

Designosaur · July 13

Thank you for your time and effort. Working perfectly fine.

Ziggy · July 13

1 minute ago, Designosaur said:

Thank you for your time and effort. Working perfectly fine.

Not a problem, thanks for the like!

Add Strip in header with gradient colors or image option

Recommended Posts

Designosaur

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy

Designosaur

Ziggy

Posted Images

Ziggy

Link to comment

Designosaur

Link to comment

Ziggy

Link to comment

Create an account or sign in to comment

News

Ziggy

Designosaur

Ziggy

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources