Transparent background for text

• 

  djjoesimpson1 · Member · Apr 5, 2016 at 9:32 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve just changed the theme on my website and I’m doing a general overhaul and update of everything.

  I’m wondering if it’s possible to make the white background of the text in the hero section of my home page say 50% transparent so it doesn’t block out the pictures so much but the text can still be read. I’ve tried all the colours without the background and with the colours being so varied I can’t think of any other way other than putting filters on the pictures but then that takes the vibrancy of them away.

  Many thanks

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

• 

  charliescheer · Member · Apr 5, 2016 at 11:39 pm

  • Copy link

  Hello,

  Try adding this text to your CSS.

  .entry-summary div {
  background-color: rgba(255, 255, 255, .5) !important;
  }

  That should change the background to transparent. It makes the text a little difficult to read though, if you want to change the color of that text add this text

  .entry-summary div span {
  color: #0A0A0A !important;
  }

  Hope this helps, let me know if you have any questions.

• 

  djjoesimpson1 · Member · Apr 6, 2016 at 7:22 am

  • Copy link

  Thats absolutely fantastic, thank you very much! I spent 4 hours on Google yesterday trying to figure out how to do that to no success.