Add second line to Header/Site Title?

Hello,

Is there a way to add a second line to my site title? I'd like to put the text CINEMATOGRAPHER below my name in the header, but can't seem to find a way to do it. 

Many thanks in advance for any advice or assistance!

Regards,
David

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  ⬇️

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

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;
}

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

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!

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!

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;
}

thank you that worked perfectly!

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? 

Whatever it is, it has also moved the clickable area of the burger downwards. I can't figure out what's causing this, though.

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;
}

That does the same thing... 

a#site-title:after {
    content: "architects";
    display: block;
    font-family: calibri;
  font-size: 3rem;
}

The MMM becomes bigger with larger screens, and the architects resizes too but they dont resize the same... 

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

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;
}

On 11/3/2023 at 7:01 AM, tuanphan said:

Use code like this

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

Thank you so much!

Many have suggested this code:
 

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

But on my site, it doen't work. The added text appears directly on the already existing site title, on the same row. What am I missing? I'm on Squarespace 7.1.

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.

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! 

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;
}

Reference