Jump to content

Change colour of single character in site title

Recommended Posts

Hi

Recently set up the site www.montagudigital.com (pw montagudigital).

I'm trying to change the last character of my site title (Montagu Digital.) to a hex #5cfff7 via code injections and custom CSS but no luck.

Any help would be much appreciated.

Thanks
Ed

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

I'm not aware of a good way to target the last letter with CSS, but you can use :after to add content (in this case a period) and adjust that color. Remove the period from your site title, and then add this to your Custom CSS:

.header-title-text a:after {
  content:".";
  color:#5cfff7;
}

Let me know if that's a solution that you're happy with!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
On 1/30/2023 at 9:31 AM, Ziggy said:

I'm not aware of a good way to target the last letter with CSS, but you can use :after to add content (in this case a period) and adjust that color. Remove the period from your site title, and then add this to your Custom CSS:

.header-title-text a:after {
  content:".";
  color:#5cfff7;
}

Let me know if that's a solution that you're happy with!

Brilliant that works perfectly!

Thanks so much.

Edited by emontagu
Link to comment
11 minutes ago, emontagu said:

Brilliant that works perfectly!

Thanks so much.

Not a problem, can you mark my post as the solution and give it a thumbs up?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.