Change Site Title per Page

Hey,

Is there any way to change the site title depending on which page the user is currently on? For example, I would like the title on this page: https://www.euphoricstudios.com/photography to be 'EUPHORIC STUDIOS - PHOTOGRAPHY' but the title on the homepage to remain 'EUPHORIC STUDIOS'.

Thanks in advance! 🙂

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

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

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>

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>

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

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.

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?

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?

2 hours ago, tuanphan said:

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

yes exactly!

On 1/14/2023 at 3:06 AM, tuanphan said:

Hi,

Use this CSS

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

 

This works perfectly, thank you!