Header image partially darkened

  • monsieurbernard

    (@monsieurbernard)


    6 years, 6 months ago

    The header image of my blog is partially darkened when it´s displayed in full resolution on a PC. On an iPhone the picture can be seen as I uploaded it. Any idea how I could fix this?

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Shreejana-ThemeGrill Support

    (@shreejanakc)

    6 years, 6 months ago

    Hey @monsieurbernard,

    Can you provide the screenshot of the image you are talking about? While going through your site, I could not find such darkened image issue.

    Thanks.

    Thread Starter monsieurbernard

    (@monsieurbernard)

    6 years, 6 months ago

    I found the solution: the darkening is part of the design. It can be removed by setting opacity to zero in the header css.

    Thread Starter monsieurbernard

    (@monsieurbernard)

    6 years, 6 months ago

    Sorry, Shreejana, for not posting this earlier.

    Shreejana-ThemeGrill Support

    (@shreejanakc)

    6 years, 6 months ago

    It’s ok. Glad to know you found your solution. Please let us know if you have any further queries.

    Thanks 🙂

    Thread Starter monsieurbernard

    (@monsieurbernard)

    6 years, 6 months ago

    Thanks, Shreejana. And again I have to ask for help, because I found only a part of the solution. On my iPad there is still a darkened part at the left side of the header image. Obviously it has something to do with the responsive screen display. I checked every line of the CSS code – I found another angled-baackgound code in line 1497, where I set opacity to Zero – but the darkening still remains.
    Any idea how I could remove this?

    Thanks a lot! Bernd alias monsieurbernard

    Here are screenshots: http://monsieurbernard.jalbum.net/AST/

    And here the code in line 1497, which I changed.
    .angled-background {
    background: none repeat scroll 0 0 black;
    height: 1000px;
    margin: -500px -741px;
    opacity: 0.0;
    transform: rotate(55deg);
    width: 100%;
    }

    Shreejana-ThemeGrill Support

    (@shreejanakc)

    6 years, 6 months ago

    Hey @monsieurbernard,

    If you don’t want that angled background you can simply remove it.
    From your dashboard, Go to Appearance > Customize > Additional CSS and add below CSS:

    .angled-background {
    display: none;
}

    Thanks.

    Thread Starter monsieurbernard

    (@monsieurbernard)

    6 years, 6 months ago

    Thanks, Shreejana. That was the solution!

    Shreejana-ThemeGrill Support

    (@shreejanakc)

    6 years, 6 months ago

    Please let us know if you have any further queries.

    Thanks.

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

The topic ‘Header image partially darkened’ is closed to new replies.