Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

add horizontal line under the header on 7.1


Segalido

Question

6 answers to this question

Recommended Posts

  • 1
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.

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
  • 0

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.

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
  • 0

@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
  • 0
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.

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...