Jump to content

add horizontal line under the header on 7.1

Recommended Posts

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%;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 months later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 7 months later...

@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?

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 year later...
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?image.thumb.png.bd2b99a0050974f664f2eb4d6e8aa60e.png

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.