Jump to content

Adjusting Title Font in .blog-basic-grid

Go to solution Solved by BenNL,

Recommended Posts

Site: www.benwickham.com

I've been playing with adding some colour gradiing to H2 fonts on my site. All of which was sexy, beautiful and awseome.

The problem is that it automatically changes the Title Font of my blog posts in the Basic Grid to the same size as the body Text. See https://www.benwickham.com/stories

Here is the code I'm using for the gradient in the font.

h2 em  {
  font-style: normal; 
  font-weight: bold; 
  text-transform: none;
  background: linear-gradient(to bottom right, #ffcb00, #fe0071);
  -webkit-background-clip: text;
  color: transparent;

If I 'turn it off' by removing one of the parathenses, the Title on the Blog spring back to a nice bold H2 font. You can see what it used to look like here: https://www.benwickham.com/insight

I've tried:

  • renamin it to H1
  • Tried Strong instead of Em
  • Tried CSS code specifically for the Bog Title post

Nothing makes a difference

So what am I missing?

It's hardly business critical but it is a little frustrating.

Thakns a mil.




Link to comment
  • Replies 2
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

@BenNL I'm not entirely sure what you're trying to accomplish. Are you trying to apply a gradient effect to the blog title? If that's the case, please provide the URLs of the pages where you'd like to implement this gradient effect. Thanks! 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
  • 2 weeks later...
  • Solution

Hey there.

i don’t quite know what the problem was but its fixed. I put the code through chat gpt and had it tided up. That seemed to work. I think there must have been another piece of coded that contradicted the new piece. If that make sense.

thank you so much for your reply.


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.