Reduce line spacing on paragraph

• 

  albavelas · Member · Mar 1, 2017 at 7:25 pm

  • Copy link
  • Add topic to favorites

  I am very new to WordPress. I would like to change the spacing between each line in one paragraph. How do i do that?

  Here’s my link: https://avelasevents.com/

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

• 

  thesacredpath · Member · Mar 2, 2017 at 1:45 am

  • Copy link

  Is it the paragraph on your front page? If so, I see you have some inline styling on the two spans (one for the larger “your” and then one for the rest of the paragraph. I would suggest adding a line-height declaration to your inline styling for both, something like this.
  line-height: 1.3;
  You can then adjust the line height as desired. You will have to do it for both of the spans as “your” will hold a large line space below.

  I also notice you have a
  <br>
  after “you’ll”. Not sure if that was intentional or not. If not, just remove it.

• 

  albavelas · Member · Mar 2, 2017 at 5:14 am

  • Copy link

  Thanks for catching that.

  would you know how i can extend the text in that same paragraph to the width of the image? is it CSS that i change or add something or on the HTML text box?

  thank you for your help.

• 

  thesacredpath · Member · Mar 2, 2017 at 7:59 pm

  • Copy link

  Hi, we can adjust that. Looking at things, I’ve done this with two media queries to adjust things for certain widths differently. To me, this looks and works well. Add it to the bottom of your CSS and then try things out and see what you think.

  @media screen and (min-width: 1180px) {
  	.content-wrapper .content-area {
  		max-width: 800px;
  		width: 100%
  	}
  }
  @media screen and (min-width: 850px) {
  	.content-wrapper .content-area {
  		max-width: 100%;
  		width: 100%
  	}
  }