Paragraph first-line indents

  • Resolved djgreyor

    (@djgreyor)


    18 years, 3 months ago

    Hi everyone. I’ve been Googling a bit about this, and I think I found out how to do this in CSS — but I don’t know where to put the little fragment of code. What I want to do is indent the first line of each paragraph ( tag of course) four (4) spaces. I used   in the past with WP 1.5, but 2.0’s WYSIWYG editor is freaking out on me if I try to do so. Messing around with the HTML editor each time I need to do a new paragraph will become tiresome after awhile; the   way didn’t bother me much, but it seems like an impossibility with 2.0, sadly. I’ve come up with P:first-line { margin-left: 4em; } in my searches — I think this is correct — and I want this to apply to each paragraph *only* in the entry/post text, nowhere else.

    Can anyone here recommend where I should put this code in the style.css file? I have next to no idea about CSS, and that file looks horrifically difficult to me as a result of this lack of knowledge. I would greatly appreciate it, since not being able to indent is going to throw off all of my posts (every single one of the others has 4-space indents each paragraph). Thank you for your help.

    Greyor

Viewing 5 replies - 1 through 5 (of 5 total)
  • moshu

    (@moshu)

    18 years, 3 months ago

    It’s very paper-like to have that kind of paragraphs… but anyway the best place for that code would be soemthing like
    .entry p {
    YOUR CODE
    }
    If you want it everywhere – just delete the “.entry” part.

    Thread Starter djgreyor

    (@djgreyor)

    18 years, 3 months ago

    thank you very much! i know it is… i’m somewhat of an academic, but *shrugs* i think it looks nice for the most part. no complaints thus far at least 🙂

    Thread Starter djgreyor

    (@djgreyor)

    18 years, 3 months ago

    well, it didn’t work too well.
    i just tried putting it in like this after checking some more references:

    .entry p p:first-line { text-indent: 4em; }

    right above it is

    .entry p a:visited { color: #b85b5a; }

    any ideas?
    thank you again.

    tsguitar

    (@tsguitar)

    18 years, 3 months ago

    Greygor:

    What you are looking for is “text-indent,” but you don’t need to do the “p p:first-line” bit. Here’s an explanation:
    http://www.w3schools.com/css/tryit.asp?filename=trycss_text-indent


    .entry p
    {
    text-indent: 2em;
    }

    That should work; just put that in place of where you have “.entry p p:first-line” right now.

    Thread Starter djgreyor

    (@djgreyor)

    18 years, 3 months ago

    ahhhh i’m an idiot. i figured it out — the class is “entrytext” — perhaps the “entry” call is wrong with a:visited too, I’ll have to take a look. got it working… woulda taken me forever to figure that out.
    thank you all for your help!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Paragraph first-line indents’ is closed to new replies.