Change transparency of images in Fictive theme

• 

  newfoundsander · Member · Apr 29, 2014 at 5:31 pm

  • Copy link
  • Add topic to favorites

  Hello all,

  The new Fictive theme displays featured images in a semitransparent way on top of the post (on its front page), giving them a faded look. This transparency goes away when you hover your cursor over the post. The same is true for the blog header image, it’s also faded/semitransparent.

  I would like to change this, getting rid of the transparency all together and displaying all images as they are, completely opaque and fresh.

  Is there a rule I could add to the CSS stylesheet to make this happen?
  It would improve this theme drastically for me.

  Here is the Fictive demo site, where you can see what I mean:
  http://fictivedemo.wordpress.com

  On that example, it’s the Beach Bums post and the Best Coffee post that show what I mean.

  Thanks!

• 

  thesacredpath · Member · Apr 29, 2014 at 10:14 pm

  • Copy link

  Hi, add the following CSS to set the opacity on the header and featured post images to full opacity.

  .entry-thumbnail img, .site-header .header-image {
      opacity: 1;
  }

• 

  newfoundsander · Member · Apr 29, 2014 at 10:39 pm

  • Copy link

  Thanks very much, that worked like a charm!

• 

  thesacredpath · Member · Apr 29, 2014 at 10:55 pm

  • Copy link

  You are welcome.