Different font sizes in post

originalmel · Member · Jan 22, 2014 at 2:40 pm
Copy link

Add topic to favorites
Hello!
I am trying to get the entire post in the same font. You can see here: http://melanielefebvre.com/2014/01/22/work-with-what-you-got-my-award-winning-short-story/
that the first para and the title are one font and then the rest of the text is a larger. I would like it all to be the size of the first para. I was playing around in Text mode putting in code for the indents, so that probably messed me up.
Any suggestions?
THANK YOU!!
Melanie

The blog I need help with is: (visible only to logged in users)
justpi · Member · Jan 22, 2014 at 4:43 pm
Copy link
There’s no point adding such styling in the Text editor when you have the Custom Design upgrade. You enclose the entire section in a div pair, and you take care of its styling in the CSS editor. If you want ‘traditional’ paragraphs (no space between them), you remove the bottom margin of the paragraphs.

So:

First delete all of these:
<div style="text-indent:23px;">
and all the corresponding closing tags.
Then enclose the section this way:
```
<div class="traditional-indent">

PARAGRAPH HERE

NEXT PARAGRAPH HERE

ETC

</div>
```
Make sure there are blank lines as shown (or enclose your paragraphs in p tags).

Then add this in the CSS editor:
```
.traditional-indent {
text-indent: 23px;
margin-bottom: 1.625em;
}
.first-line-indent p {
margin-bottom: 0;
}
```
justpi · Member · Jan 22, 2014 at 4:44 pm
Copy link
Oops! Sorry, I changed the name of the class, but forgot to change all three. CSS:
```
.traditional-indent {
text-indent: 23px;
margin-bottom: 1.625em;
}
.traditional-indent p {
margin-bottom: 0;
}
```
originalmel · Member · Jan 22, 2014 at 7:33 pm
Copy link
SUPER! thank you!… again!
that’s all I ever say to you it seems :) could be worse i suppose
justpi · Member · Jan 22, 2014 at 7:58 pm
Copy link
You’re welcome!

No items found.