Resonar Theme:

• 

  francesl · Member · May 24, 2015 at 3:40 pm

  • Copy link
  • Add topic to favorites

  Hi there!

  For the resonar theme, if you sticky a post, it shows a beautiful featured image on the front page overlayed by a text link to the post.

  Behind this text link, there is a gradient transparency that darkens the feature image behind in order to make the white text show up. How do I edit the color or darkness of this gradient transparency? For example, I want to make it darker.

  Thank you!

  The blog I need help with is motiondesignandfrances.wordpress.com.

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

• 

  senff · Staff · May 24, 2015 at 3:56 pm

  • Copy link

  You can do this by adding the following CSS code:

  .home .entry-header-wrapper {
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 1));
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 1));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 1));
  }

  If it’s too dark, you can change the “1” in there to something lower, like 0.8. On your site it’s currently set to 0.4.

• 

  francesl · Member · May 24, 2015 at 4:16 pm

  • Copy link

  Thanks! What if I wanted to change this inside the post itself as well?

• 

  francesl · Member · May 27, 2015 at 7:35 pm

  • Copy link

  Given this topic a little bump to the top:

  How do I change the gradient settings on the bottom of the feature image within a post? How do I edit the color or darkness of this gradient transparency? For example, I want to make it darker.

  Thank you!

• 

  thesacredpath · Member · May 27, 2015 at 10:15 pm

  • Copy link

  Hi there, in general, we all start and work from the oldest to the newest postings, so bumping your thread can in some instances mean that an answer may take longer.

  What if I wanted to change this inside the post itself as well?

  Are you talking about the white area on the front page, or on the single post pages after you click on a post title? Are you wanting the entire white area a gradient, or are you wanting the individual posts to have a gradient background?