Jump to content

Move announcement bar to website border

Go to solution Solved by housefourteen,

Recommended Posts

  • Replies 5
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

How did you add the border?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 2 weeks later...

body {
border: 30px solid #FFFFFF (or whatever color you want the border)


header, body {
border: 30px solid #hexnumber

header {
border-bottom: none


I'm not a developer, so admittedly, my coding skills are what I pick up or search for. I just haven't found any references on how to code the announcement bar to stay at the top of the page. I know why it's not working, I just don't know how to fix it. 

Link to comment

you could just remove the border from the top only. Add this directly after your current border code in the body element.

border-top: none !important;

If that doesn't work we'll need you to make the announcement bar live and leave your code in there and then share your link so we can check it out live.

  Did I help you? Buy me a coffee!

👨‍💻 Bergen Design Co.

💻  I'm for hire on Upwork!

🕸️ Squarespace Experts  

🖥️ 99Designs

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.