Site logo

Archived topic

How to add two borders using hook

3 replies · Started by pancakebg on March 12, 2019

Viewing posts 1–4 of 4

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.

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.

David, you're the man! :D Thanks!

Cool - happy to be of help

This archived topic is closed to new replies.