Highlight Effect for Blog Title on Posts

Hi there – I'm trying to figure out a way to add a highlight (a full, highlighter-like highlight) to my blog posts titles ON each blog post page only, similar to the highlight effect available for regular text. Is there a way to do this without it effecting anywhere else?

Website it ashlynnwhalley.com, page for example is https://www.ashlynnwhalley.com/blog/finding-peace-in-uncertainty

Thank you!

@AshlynnW try this?

.blog-item-wrapper .blog-item-title h1.entry-title {
	background-color: yellow; /* replace with whatever color you want */
}

@SaranyaDesigns thank you, this is great! Is there any way to have it only be the width of the text, and not extend past it?

@AshlynnW sure, try adding display:inline; like this:

.blog-item-wrapper .blog-item-title h1.entry-title {
	background-color: yellow; /* replace with whatever color you want */
	display: inline; 
}

If that doesn't work, you may need to add !important to override the template styles, like this:

.blog-item-wrapper .blog-item-title h1.entry-title {
	background-color: yellow; /* replace with whatever color you want */
	display: inline !important; 
}

@SaranyaDesigns you're my hero, this worked perfectly. Thank you so much!