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

You can do this with CSS

Can you share link to your Squarespace site?

If your site is trial, you can setup password & share url.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 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 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

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
3 minutes ago, MM1 said:

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?

use margin-top: 50px;

or

margin-bottom: 50px;

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

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

Add to Home > Design > Custom CSS to increase spacing between filter - image

main.Main.Main--products-list {
    margin-top: 50px;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

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