Why is their different spacing in each page? How can I change it to make it the same?

  • 1
  • Question
  • Updated 8 years ago
  • Answered
so i was typing on one page and the words are close together. no spacing. then i go to the other pages to type and the all have a bit of spacing between the lines, unlike the first. i'm wondering how i can edit it so its all the same. :/
Photo of minnie

minnie

  • 8 Posts
  • 0 Reply Likes
  • frustrated

Posted 8 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Minnie

If the default line spacing of the text widget is double-line spacing, you can hit the Shift-Enter keys together (Firefox and Internet Explorer) or Ctrl-Enter (Safari) when you want to go to the next single line.

I hope this resolves the issue. If not, please let us know and if you could share with us your site URL, we can take a closer look at what's going on.
Photo of Callum

Callum

  • 357 Posts
  • 32 Reply Likes
I never knew that before Sanja!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I'm always amazed at how much I continue to learn! The learning never stops :)
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
yes, but that causes a potential problem. Hitting the shift enter key adds a space but does not separate the content, therefore, if you want different alignments for example, you can't. Both paragraphs would have to have the same alignment (center or left for example). The better option is always to change the default or the code for these.

line-height and padding are often good ways of doing this. I recommend not using the shift enter as that keeps the paragraphs connected.
Photo of minnie

minnie

  • 8 Posts
  • 0 Reply Likes
it worked. (: thank you for answering!
but is there an easier way than having to shift+enter every time i go to a new line?
Photo of minnie

minnie

  • 8 Posts
  • 0 Reply Likes
and how do i make it so its doubled instead of single?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Minnie

I believe if you use Firefox, the spacing will be single.

If you want double, then you just hit enter, instead of shift-enter. This should create double spacing.
Photo of minnie

minnie

  • 8 Posts
  • 0 Reply Likes
its just on this one page that its singled, and wont be doubled. its really frustrating me because i've tried different things, but its not working.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Minnie

Can you please share with me the page URL for this troublesome page? I'd like to take a look and see if there is something else going on.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
try adding css to the first html widget, something like this...

p {
line-height: 200%;
}

for example... I know quite a bit about css, but because Yola uses their own css for our sites, I'm not completely sure how to apply css with Yola, but that css is an example of how to make double spacing. But, that'll add double spacing between every line of the paragraph... you can also try...

p {
padding-bottom: 200%;
}

or

p {
padding-bottom: text size x 2
}

If your text size is medium or 4, that's equivalent to 16px. replace text size x 2 with 32px....

p {
padding-bottom: 32px;
}

Ask someone here how to make css work with Yola... I'm use to doing it in a seperate .css file which isn't available with yola.
Photo of minnie

minnie

  • 8 Posts
  • 0 Reply Likes
*is confused* okay.. so i take out all the enters? D:
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
well... not exactly... just the "shift-enters"...

you can press enter (without holding shift) and specifically specify the spacing.

If you want the spacing between paragraphs to be customized to your likeness, this would be padding-bottom, if you want it between every line in a paragraph, this would be line-height... and can be applied either in css or html...

<!--

<p style="padding-bottom: 36px;">Paragraph One</p>

Space with 36px height between paragraphs

<p style="padding-bottom: 36px;">Paragraph Two</p>

-->

I'm going to assume you already have the paragraph tags because yola adds them whenever you do any paragraph type of formatting.

Just insert padding-bottom as indicated above. If the style attribute is not there, add that and the = sign as well, make sure there's double quotes as you see above and the semicolon as well, missing anything as above can potentially interfere with the rest of your code. But this is definitely more preferred than the shift plus enter method.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
give it a few test runs... change the number 36 up or down if you would like a bigger or smaller space between paragraphs.
Photo of minnie

minnie

  • 8 Posts
  • 0 Reply Likes
but i'm just typing line to line.. no paragraphs..
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Minnie for sharing your link.

Can you just let me know if you're trying to double-space the left hand column or is it the right-hand column?

If you could explain in more detail what you're trying to accomplish on that particular page, then I can try to see if I can get this working for you.