White Cover Image Becoming Gray

[snakers4]

Hi,

I am trying customize Docsy by following the standard "happy-path", i.e. just clone the example project and then modify it.

I noticed that if you upload a bright (or white) hero image, it becomes gray, for example:

This is displayed when I have a completely white (i.e. #ffffff) hero image uploaded:

I cannot find any information about this behaviour, can you please help, this is very frustrating, because I cannot really start making adding real content.

[LukeTimeWalker]

I think this behavior is to prevent the title and heading from becoming "invisible".
If you want to disable this behavior, you can do one of the following options:

• override /layouts/shortcodes/blocks/cover.html and remove the td-overlay--dark class from the section element
  

  docsy/layouts/shortcodes/blocks/cover.html

  Line 27 in 02df04c

  <section id="{{ $blockID }}" class="row td-cover-block td-cover-block--height-{{ $height }}{{ if not .Site.Params.ui.navbar_translucent_over_cover_disable }} js-td-cover{{ end }} td-overlay td-overlay--dark -bg-{{ $col_id }}">

• override the styles within /assets/scss/_styles_project.scss (you might create this file first)

.td-overlay--dark::after {
    background-color: transparent;
}

Hope it helps

[snakers4]

.td-overlay--dark::after {
    background-color: transparent;
}

Many thanks, this works!
Is there any way to make this image not cropped or zoomed, because by default it looks a bit mushy?

[H20220009]

Hi, is this issue still open?
I want to work on this issue; please assign me to this.

[chalin]

@deining - FYI, the steering committee recently clarified that "we don't assign issues in this project. If you would like to contribute, please follow our guidelines." PRs are most welcome, of course. /cc @emckean

[H20220009]

@emckean @deining @chalin
Can you review the changes and provide any feedback for PR #1491

[H20220009]

@emckean @chalin @deining
Can you please review the PR #1491 and provide feedback for the same.

[H20220009]

@emckean @chalin @deining
Can you please review the PR #1491 and provide feedback for the same.

[H20220009]

@emckean @chalin @deining
Can you please review the PR #1491

[H20220009]

@emckean @chalin @deining
Can you please review the PR #1491