Jump to content

Add second line to Header/Site Title?

Go to solution Solved by tuanphan,

Recommended Posts

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

Link to comment
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: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.