Jump to content

Change Site Title per Page

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 10
  • Views 418
  • Created
  • Last Reply

Top Posters In This Topic

On 12/29/2022 at 4:47 AM, tuanphan said:

Yes. Possible. Do you use Personal or Business Plan? each plan will have a different solution.

Hey, sorry for the late reply, I just saw your response. I currently have a personal plan but upgrading to a business plan would be possible for me

Link to comment
On 1/3/2023 at 6:35 AM, timprsn said:

Hey, sorry for the late reply, I just saw your response. I currently have a personal plan but upgrading to a business plan would be possible for me

If you use Business Plan/higher, add this code to Page Header

<style>
  a#site-title {
    font-size: 0;
}
a#site-title:before {
    content: "Photography";
    font-size: 3.2rem;
  }</style>

image.thumb.png.dc31973e79c36d05aebe2d1772288c63.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
1 hour ago, tuanphan said:

If you use Business Plan/higher, add this code to Page Header

<style>
  a#site-title {
    font-size: 0;
}
a#site-title:before {
    content: "Photography";
    font-size: 3.2rem;
  }</style>

image.thumb.png.dc31973e79c36d05aebe2d1772288c63.png

Is it possible that you also show me how to do it with a personal plan?

Link to comment
On 1/4/2023 at 5:38 PM, timprsn said:

Is it possible that you also show me how to do it with a personal plan?

Add to Design > Custom CSS

body#collection-63aafae2bc6b8d091e61353c {
a#site-title {
    font-size: 0;
}
a#site-title:before {
    content: "Photography";
    font-size: 3.2rem;
  }}

body#collection-63aafae2bc6b8d091e61353c is Page ID. Follow this guide to find Page ID.

 

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
27 minutes ago, tuanphan said:

Add to Design > Custom CSS

body#collection-63aafae2bc6b8d091e61353c {
a#site-title {
    font-size: 0;
}
a#site-title:before {
    content: "Photography";
    font-size: 3.2rem;
  }}

body#collection-63aafae2bc6b8d091e61353c is Page ID. Follow this guide to find Page ID.

 

this only works for the page that contains the different portfolio items, but doesn't affect the pages of the different projects? do I have to add this code for every page individually or is there a way to add it for all of them at once?

Link to comment
On 1/7/2023 at 4:26 PM, timprsn said:

this only works for the page that contains the different portfolio items, but doesn't affect the pages of the different projects? do I have to add this code for every page individually or is there a way to add it for all of them at once?

You mean you need all projects belong a portfolio page same title?

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
  • Solution
On 1/9/2023 at 3:52 AM, timprsn said:

yes exactly!

Hi,

Use this CSS

body.collection-63aafae2bc6b8d091e61353c {
a#site-title {
    font-size: 0;
}
a#site-title:before {
    content: "Photography";
    font-size: 3.2rem;
  }}

 

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.