• Resolved simonbdg

    (@simonbdg)


    Hi!

    I have noticed that dyad adds a kind of a shadow to the image that used in a featured post on the main page.
    Generally this is a nice feature but unfortunately it doesn’t look good with the pictures I would like to publish.

    Could you please advise how could I reduce or deactivate this effect?

    Thanks.

    Kind regards,

    Simon

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter simonbdg

    (@simonbdg)

    Hi,

    I think that I have found it. It is defined in the section “gradient at bottom of slideshow”.

    Kind regards,

    Simon

    That’s the right section, yes!

    You can alter that by adding something like this (to remove the gradient) to your CSS:

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

    Just make sure you aren’t modifying the theme’s files directly, as that would get overwritten in a theme update. Instead, use the Additional CSS panel in the Customizer (assuming you’re running at least WordPress 4.7) or with something like the Jetpack Plugin using the Custom CSS Module.

    Thread Starter simonbdg

    (@simonbdg)

    Thank you!

    You’re welcome!

    Hi!
    I tried to paste this in the CSS editor but nothing happens when I save it. Is there something else I should be doing? (I know nothing about CSS, development, etc).
    Thanks!!

    Hi @wellmamma!

    If your site is running the Dyad theme, then the above CSS should remove the overlay.

    Can you post a link to your site and I’ll take a look?

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

The topic ‘featured post|shadow’ is closed to new replies.