Adjusting Title Font in .blog-basic-grid

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.

Ben

@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!