Black background on Sticky Post Titles

• 

  lisalovesdesign · Member · Jun 24, 2014 at 2:23 pm

  • Copy link
  • Add topic to favorites

  Hello, I would like to change the black slightly transparent background on the sticky post titles to white slightly transparent as I can barely see my titles. Any ideas?

  Lisa x

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

• 

  designsimply · Member · Jun 24, 2014 at 3:12 pm

  • Copy link

  Here is a CSS snippet that will let you change the featured post title color, background color, and opacity for posts in the slider on the Forever theme:

  .feature-title a {
  	color: #f19598;
  	background: #fff;
  	background: rgba(255,255,255,0.8);
  }

  In the last line, the first three numbers “255,255,255” set the color to white and the last number “0.8” is opacity that can go from 0 to 1. You can adjust the color codes and opacity as needed.

• 

  lisalovesdesign · Member · Jun 24, 2014 at 7:26 pm

  • Copy link

  thankyou!

• 

  lisalovesdesign · Member · Jun 24, 2014 at 7:41 pm

  • Copy link

  so you are amazing – so can you help me change the colour when you roll over it – its still black

• 

  designsimply · Member · Jun 24, 2014 at 9:15 pm

  • Copy link

  Aha! The hover. I didn’t even think of it before. Try updating what you have now to this:

  .feature-title a,
  .featured-post:hover .feature-title a,
  .featured-post:active .feature-title a,
  .featured-post:focus .feature-title a,
  .feature-title a:focus,
  .feature-title a:active,
  .feature-title a:hover {
  	font-size: 32px;
  	color: #fff;
  	background: rgba(241,136,144,0.8);
  }