Shadow on Header image in theme Twenty Seventeen

  • Unknown's avatar
    catinkakersten · Member ·

    Hi!

    I was hoping there is a way to get rid of the shadow / darkening over de Header Image just above the menu. (It only seems to appear in very light images, not the darker ones)

    I saw a thread with a similar question. And an answer gave this code:

    css…

    .panel-image:before {
    /* Permalink – use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=”#00000000″, endColorstr=”#00000000″, GradientType=0); /* IE6-9 */
    /* bottom: 0; */
    /* content: “”; */
    /* left: 0; */
    /* right: 0; */
    /* position: absolute; */
    /* top: 100px; */
    }

    I went to my code (appearance > editor > stylesheet) and changed the code below “.panel-image:before {” into the given code.

    It didn’t work for me, nothing changed.

    Could this be because I’m also working with a child theme? (I want to have control over fonts and colours as well.) Should I change things in the code of the child theme as well?

    I hope someone can help me! (I also posted my questions in the thread I saw a similar question in, but that thread seems inactive)

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    catinkakersten · Member ·

    The blog I need help with is not catinkamaakt.wordpress.com by the way. It’s http://www.catinkakersten.com, but I’ve put an under construction thingy up, so there’s nothing to see there.

  • staff-loquaciousloon · Staff ·

    Hi @catinkakersten!

    It looks like you’re running a self hosted WordPress site, which is a little different from the WordPress.com hosted sites that this particular forum is geared towards :)

    In the future, you’ll be better off posting on the WordPress.org forums at http://WordPress.org/support

    Twenty Seventeen has a specific forum, actually: https://wordpress.org/support/theme/twentyseventeen/

    I did take a look at a Twenty Seventeen site, and this CSS should do the trick: 

    .custom-header-media:before {
    background: none;
}

    That being said, you don’t want to make that change in the editor the way you described. You’re better off adding the CSS into the CSS section of your Customizer :)

  • Unknown's avatar
    catinkakersten · Member ·

    It worked!!!! Thank you so much!

    And thank you for the tip, I will go to the other forum next time.

    Thank you thank you thank you.

  • staff-loquaciousloon · Staff ·

    You’re welcome! :)

  • The topic ‘Shadow on Header image in theme Twenty Seventeen’ is closed to new replies.