[Tom Grimes]

When I enter code to change the heading background for the home page, I am also seeing the Hero text H1 element changing and some of the other H1, H2 elements throughout the home page.
I have inspected the page and do not understand why these other elements are affected as their names are close, but not the same as what I am using in the CSS.
Please provide exact CSS code to correct the following to change ONLY the heading background:

.site-header
{
background-image:url(http://cec.avatarws.com/wp-content/uploads/2019/03/rpencil-texture3_trendygrey_shop_preview-300×300.png);
}

Other elements affected are:
#feature-slider .container header h2
#primary main article header h1

Site is located at cec.avatarws.com

[Skandha]

@tomavatarws-com: Hello there,
You seem to added the following CSS Code in your csshero-static-style-decree-pro.css that is why you are getting the background image in other areas of your site as well.

.sections {
  background-image: url(http://cec.avatarws.com/wp-content/uploads/2019/03/rpencil-texture3_trendygrey_shop_preview.png);
}
#hero-section .entry-container-wrap {
  background-image: url(http://cec.avatarws.com/wp-content/uploads/2019/03/rpencil-texture3_trendygrey_shop_preview.png);
  background-size: 100% 100%;
}
#primary main {
  background-image: url(http://cec.avatarws.com/wp-content/uploads/2019/03/rpencil-texture3_trendygrey_shop_preview-300x300.png);
}

Let me know if this helps you out!
Kind Regards,
Skandha

[Tom Grimes]

Yes, I have the rpencil-text background in use in a few other elements, which is planned. None of those you listed should be effecting the H1, H2 text on the slideshow of the featured slider when I apply the image to the .site-header element.
What I need is for the theme authors to identify the element that is linked to the site-header causing it to be inherited to the H1, H2 elements so I can be more specific in the CSS than what CSS Hero is allowing.

[Skandha]

@tomavatarws-com: I checked by adding the following CSS on your site

.site-header
{
background-image:url("http://cec.avatarws.com/wp-content/uploads/2019/03/rpencil-texture3_trendygrey_shop_preview-300x300.png");
}

And it doesn’t seem to effect the h1,h2 elements in the slider.
Can you explain what happens to the h1,h2 elements if the above CSS is added?

Kind Regards,
Skandha

[Tom Grimes]

Wow, that works when I put the code in the custom CSS section, so it seems that CSS Hero has a bug. I will report it to them. Thank you.

[Skandha]

@tomavatarws-com: Hello Tom, I hope I was able to help you out. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/decree/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts