Jump to content

Add second line to Header/Site Title?

Go to solution Solved by tuanphan,

Recommended Posts

1 hour ago, DCavallo said:

Is there a way to add a second line to my site title?

There are ways to do this but it will depend on the Squarespace version, template, header layout and so on. If you provide us with a working link to the site we can provide more tailored advice. How to Post a Forum Question provides guidance on how to provide a link.

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment

Thank you for your response, and my apologies for not including a link. (I had included a URL in the field for the forum post, and incorrectly assumed this would transfer into the actual post.)

Here is my site:

https://davidjcavallo.com

I have managed a workaround for now--creating a site logo image in Photoshop that has two lines of text-but would be curious to know how to create a second line in the site title without using a site logo image.

Thank you again.

Regards,
David

 

 

 

Link to comment
On 1/7/2023 at 4:45 AM, DCavallo said:

Thank you for your response, and my apologies for not including a link. (I had included a URL in the field for the forum post, and incorrectly assumed this would transfer into the actual post.)

Here is my site:

https://davidjcavallo.com

I have managed a workaround for now--creating a site logo image in Photoshop that has two lines of text-but would be curious to know how to create a second line in the site title without using a site logo image.

Thank you again.

Regards,
David

 

 

 

Change it to site title then add this to Design > Custom CSS

a#site-title:after {
	content: "enter text 2";
	display: block;
}

 

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
  • 2 weeks later...

Thank you so much for your reply--I am just seeing it now, weeks later.

Can you please clarify what "change it to site title" means? Apologies for the possibly dumb questions but Is there a place on the Custom CSS page where you specify where it is applied to? 

Regards,

David

Link to comment
  • Solution
On 1/21/2023 at 2:37 AM, DCavallo said:

Thank you so much for your reply--I am just seeing it now, weeks later.

Can you please clarify what "change it to site title" means? Apologies for the possibly dumb questions but Is there a place on the Custom CSS page where you specify where it is applied to? 

Regards,

David

You are using Logo Image. Change Logo image to Site Title text then add above code

Home > Design > Custom CSS

 

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 2/2/2023 at 2:53 AM, Jaynewritesplays said:

Hello,

I used this thread and it worked for me - I was able to add a second line of text to my header. Now my question is - how do I make the font of this second line smaller than the main header above it? I've included a screenshot, since my sight is not yet live. Thank you!

Screenshot 2023-02-01 at 2.53.13 PM.png

If you used this code

a#site-title:after {
	content: "enter text 2";
	display: block;
}

then you can add font-size attribute

a#site-title:after {
	content: "enter text 2";
	display: block;
	font-size: 16px;
}

 

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
  • 8 months later...
On 10/24/2023 at 10:05 PM, robfeltrin said:

I've added this to my website, but the second line moves down when the screen size is increased or up when decreased. 

https://violin-halibut-2csa.squarespace.com/

mmmarchitects

any idea what to do to make sure the architects and MMM remain the size and spaced evenly? 

Use this new code

a#site-title:after {
	content: "enter text 2";
	display: block;
}

 

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 11/1/2023 at 4:35 PM, Somhairle said:

Thanks for this. I've added a second line using the code above but I'm now trying to figure out the code a third line under it. Any ideas?

samuelmarr.com

Use code like this

a#site-title:after {
    content: "Somhairle Ó Meachair \A Brand Design";
    display: block;
    white-space: pre-wrap;
}

image.png.15fe317120587574af5d65c7b39b8415.png

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
  • 3 weeks later...
  • 1 month later...

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 3 weeks later...
3 hours ago, nataliaamelia said:

Hi there, 

I read the thread and the code doesn't work on my website (under construction and not yet published) nataliaameliasaied.com

shall I set a site-wide password and paste it here or send it as a personal message? 

Thanks! 

 

Add to Website Tools (under Not Linked) > Custom CSS

a#site-title:after {
    content: "Squarespace 7.1";
    display: block;
    font-size: 18px;
}

image.png.c48744f62e90954720f88ba182ae3a0c.png

Reference

 

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.