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

Adding a custom design below a header

Question

Site URL: http://www.scienceseeds.com

We are migrating our existing website (www.scienceseeds.com) from Wordpress to Squarespace and would like to include the seed trail in the attached below the header on Squarespace. I have added the green border on the bottom of the header but not sure how to add the seed trail.

The seed trail is in a file seedpattern.png (not included).  

582541344_ScreenShot2020-03-30at8_49_41PM.thumb.png.3a5587c7daae02a20042ba0f792256a6.png

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0
15 hours ago, MM1 said:

The website link:https://lynx-guppy-pnfz.squarespace.com

Password: tester123

Thanks!

Add to Home > Design > Custom CSS. Replace below image url with your image url

header.Header.Header--top:after {
    content: "";
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/02/facebook-chatbox-min.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 50px;
    display: block;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

Thank you! I got it to work - is it possible to add some padding above the image to make more space between the image and the logo's tagline?

Share this post


Link to post
  • 0

If I add padding to the bottom or to the top then the the product list filter for the store either disappears or is too close to the image - does that mean then that we need to add padding to every element them down? 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...