add horizontal line under the header on 7.1

how do i add horizontal line under the header on 7.1 css ?

Add to Home > Design > Custom CSS. If the code doesn't work, can you share site url? We can check easier.

header#header:after {
    content: "";
    display: block;
    background: red;
    height: 1px;
    width: 100%;
}

Hello.

I would like to have a 4 px line under the header for my website.

The link is: impala-vanilla-df78.squarespace.com

The above code did not work!

Thank you :)

On 1/12/2021 at 1:32 AM, MadsP said:

Hello.

I would like to have a 4 px line under the header for my website.

The link is: impala-vanilla-df78.squarespace.com

The above code did not work!

Thank you :)

You can use this code

/* Line under header */
header#header {
    border-bottom: 4px solid #f1f2f3;
}

@tuanphan

is there a way to move the line up and down the page horizontal & vertical? I've tried using

position % but cant see it working

I was using

Quote

  .page-section[data-section-id="61141142cc01a74ed5bfead4"] {
 
  border-top:1px solid #222;
}

but say I want to have a double line like 5px below that one or just move it 10% down into the section what would I target if position isn't working?

17 hours ago, jenniferboddam said:

@tuanphan

is there a way to move the line up and down the page horizontal & vertical? I've tried using

position % but cant see it working

 

I was using

but say I want to have a double line like 5px below that one or just move it 10% down into the section what would I target if position isn't working?

I think you need to use CSS pseudo to add border. Can you share link to your site?

@tuanphan yes its

https://flugelhorn-seahorse-lzrb.squarespace.com/?p

pw: design123

I just want to be able to add 1px lines where id like not just at the border of each section but within each section, so is there a way to target the movement of the line?

Is there a way to add consecutive lines in different colors and sizes? Id like to add the following design of lines. Is it possible?

On 1/16/2023 at 3:40 AM, JimenaD said:

Is there a way to add consecutive lines in different colors and sizes? Id like to add the following design of lines. Is it possible?

Not sure, if you share site url, we can take a look

Can we add this type of lines in header?

On 1/11/2024 at 7:56 PM, Des_media said:

Can we add this type of lines in header?

Yes. Just some lines of CSS if you share url