h1 background-image doesn’t display

Hey Sharonlandis,

Can you send a link to the WP page please?

Please change your code to the following:

<h1><span style=”font-size: 1.5em; color: #231b66; background: url(“https://csresume.com/wp-content/uploads/2017/03/H1_1.jpg”) no-repeat 0 0;”>About The Resume Example</span></h1>

Please let me know if this works!
Bobby

Thanks Bobby!

Unfortunately it didn’t work.

My post is still in draft so I created new post with just the h1

https://csresume.com/h1-formatting.htm

If you are comfortable editing code, add the following to your style.css file. (Check the theme options area first, via WP dashboard as some themes have a section where you can add custom css without editing the theme’s files)

.resume-title {
background-image: url(“https://csresume.com/wp-content/uploads/2017/03/H1_1.jpg&#8221;);
background-position: center;
background-size: cover;
}

Then go back in to your post, and remove the span element, and add the above class to your h1 element.

Your code should then look like this:

<h1 class=”resume-title”>About The Resume Example</h1>

You may have to play around with the background css values to get your desired result, but the above will get the image displayed for sure.

The image displayed. It needs a bit of tinkering but this is huge progress!!

Thanks so much!!!!!

Sharon

Awesome! ??