Jump to content

Adding text to the Site Header

Go to solution Solved by tuanphan,

Recommended Posts

I would like to add two lines of text to the top right of the site header to appear on every page of the website. SquareSpace support says this is not possible with their system other than through custom CSS. 

I wish to add a telephone number and email address to appear in white text. 

This is what appears at the moment:

image1.thumb.png.11f65c89656d5fb6aa8877cdfb5fbd7b.png

And this what I would like to appear:

image.thumb.png.fca01fc944eb59fafb94f9ab4ee0f846.png

Preferably in bold white text (and if possible for the email address to be clickable). 

Is this possible? If it is I would be grateful for what code it is necessary to add (and whether it is added at Settings -> Developer tools -> Code Injection -> Header).

Link to comment
  • Replies 10
  • Views 916
  • Created
  • Last Reply

Top Posters In This Topic

I have now come across this post, which provides CSS to add text to the header. 

Adapting it: 

header:before {
  content:'999999999 \a email@address.com';
  white-space: pre;
  color: #FFFFFF;
  font-weight: bold;
  text-align: right;
  display: block;
  position: absolute;
  right: 30px;
  top: 30px;
}

But although the text does appear in the header, it is overwritten/hidden almost immediately by the black/dark background of the rest of header. When going to a page the added text appears and then is hidden by the rest of the header. 

Is there a solution to this? Any help would be very gratefully received.

(I know now too that the code added to Design -> Custom CSS.)

 

 

Link to comment
  • Solution
20 hours ago, vw-notary said:

Thank you for your response. 

Password: vwnp-visibility

The URL: coconut-tambourine-35ft.squarespace.com.

 

The easiest way is you add 2 Nav Items: Phone, Email, then we can give code to Move it to right of header + make them appear in 2 lines

Or we can use code to add Phone, Email, but you need a Business Plan or higher.

What do you think?

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 7/3/2023 at 2:34 PM, vw-notary said:

Perhaps as 2 Nav Items - Could you let me know how it is possible to do this? As SquareSpace support indicated that what I would like to do is not possible  other than through CSS code. 

The site is expired. You can access this link to extend it for free first

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.