How to blur background to text stands out

• 

  bradenshenkamkortradecom · Member · Nov 5, 2016 at 7:52 am

  • Copy link
  • Add topic to favorites

  I am looking for a way to have the text stick out from the background, but either blurring the background or sticking the text in a transparent box. would anyone know how to go about doing this?

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

• 

  innisfreehomestead · Member · Nov 7, 2016 at 9:17 pm

  • Copy link

  Hi there!

  The easiest way to blur the image would be to use an image editor and then upload it again. As for the box, adding something like this to your custom CSS area might give the look you are after?

  .hero .entry-content {
  	background-color: rgba(0, 0, 0, 0.53);
  	padding: 20px 20px 5px;
  	text-align: center;
  }

  Hope that helps,
  Sage