• Hello,
    I’m trying to get my blog set up but there seems to be some sort of shading over the header photo. After doing some research it looks like I need to enter a CSS code but I’m not sure how to figure this out. Can anyone help me with this? Thanks!

    • This topic was modified 6 years, 1 month ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello there,

    The CSS rule that is causing this is:

    .inner-main-title:before

    There is a property for this rule:

    background: rgba(40,38,38,.55);

    That is causing the darkening overlay over the image. If you remove this property I believe that will fix it. Based on your site’s source code, it looks like you are hosting on SiteGround so just make sure the clear out the cache to see any changes you have made to the CSS. Hope this helps.

    Scott

    Scott is spot-on on the cause of the problem.

    But rather than editing your theme’s CSS directly, I suggest you add the following code in APPEARANCE => CUSTOMIZE => ADDITIONAL CSS to effectively remove the dark layer. This way, you won’t lose this customization when you update the theme.

    .inner-main-title:before {
    opacity: 0;
    }

    And as Scott said, be sure to clear all your caches!!!

    Good luck, and stay safe!

    Thread Starter moosetracks

    (@moosetracks)

    You guys are amazing! Thank you so much!

    Glad to be of help.

    If your issue is fully resolved and you have a second to spare, kindly make this post as resolved.

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Header Photo Dark’ is closed to new replies.