Add a background image in all H1 title

[haber stephane]

Hello,
I would like to add a background image to all H1 and H2 title of my Innovation Extend theme. Could you tell me where to insert the code? thank you a lot
( http://www.arcanes-technology.fr )

[D5 Creation]

You can do such these styling easily using This Technique

[haber stephane]

Hi,
I try and retry but without result for making it permanent. (but working good in google dev tool)
I paste this in custom code within head area, like your technique:

<style>
#h1 {
padding-left: 60px;
background-image: url(“/wp-content/uploads/2015/09/bouclierH1.png”);
background-repeat: no-repeat;
}
</style>

But what’s wrong?
Thanks a lot your help!

[D5 Creation]

/wp-content/uploads/2015/09/bouclierH1.png
This should be full URL like http://domain.com/wp-content/uploads/2015/09/bouclierH1.png

[haber stephane]

Hi,
First, thanks for your help.

i try this:

<style>
}
#h1.page-title, h1.arc-post-title {
font-size: 40px;
text-shadow: -1px -1px 3px #FFFFFF;
text-align: left;
color: #076896;
font-weight: 500;
padding-left: 60px;
background-image: url(“http://www.arcanes-technology.fr/wp-content/uploads/2015/09/bouclierH1.png&#8221;);
background-repeat: no-repeat;
}
</style>

It’s working with google dev tools (with safari too) but nothing in permanent mode in custom code within head area. (no padding, no background…!!!)

Are you sure that is possible to modify h1 styles?

[D5 Creation]

This is not #h1.page-title
This should be h1.page-title

[haber stephane]

Thanks for your help. Now it’s working.

[D5 Creation]

🙂

[Author]

Posts