Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #168486
    Tom Grimes
    Participant

    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

    #168527
    Skandha
    Keymaster

    @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

    #168589
    Tom Grimes
    Participant

    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.

    #168620
    Skandha
    Keymaster

    @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

    #168799
    Tom Grimes
    Participant

    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.

    #168822
    Skandha
    Keymaster

    @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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS for Header background is also changing other heading-type elements’ is closed to new replies.