[Resolved] How to add two borders using hook

[pancakebg]

Hey guys, i need to recreate the site in the URL below and i’m wondering how to add these borders on a same level which are located above the header taking only 50% of the screen.

[David]

Hi there,

pure CSS way using liner-gradients:

body:before {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    background: rgb(67, 62, 122);
    background: linear-gradient(90deg, rgba(67, 62, 122, 1) 50%, rgba(249, 6, 87, 1) 50%);
}

Just change the rgba colors to suit.

[pancakebg]

David, you’re the man! 😀 Thanks!

[David]

Cool – happy to be of help

[Author]

Posts