Removing the overlay on the header image of the Dyad theme

• 

  classiqueauvert · Member · Jun 7, 2016 at 1:10 pm

  • Copy link
  • Add topic to favorites

  Hi everyone,

  I want to remove the grey gradient on my homepage header image.
  I think that could be possible with CSS, but how can I do this? And what’s the code I should use to do it?

  Thx in advance!

  Manon

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

• 

  thesacredpath · Member · Jun 7, 2016 at 6:41 pm

  • Copy link

  Hi Manon, it looks like you have gotten this taken care of with the following CSS.

  .site-banner .site-banner-media::before, .banner-custom-header .site-banner-media::before {
      background: rgba(0, 0, 0, 0);
  }

  Let me know if I am mistaken or if you have additional questions.

• 

  classiqueauvert · Member · Jun 8, 2016 at 8:41 am

  • Copy link

  Hi,

  Thank you for your help, but I finally found out how to remove that gradient with the following css :

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

• 

  thesacredpath · Member · Jun 8, 2016 at 4:14 pm

  • Copy link

  Super, and your solution works just as well as mine. Let us know if you have additional questions.