Changing the Double Space

[ideasgirl]

How can I change the double space created when you hit enter while your are writting the description? I mean on the admin side looks single space, but on the frontend looks double, creating space where I don't want it.

[DrByte]

Options, in recommended order:
1. turn off your online HTML editor, because it's adding <p> tags every time you press Enter ... and prepare your HTML in raw format, or with another editor and paste it in manually.

2. change your stylesheet to treat <p> tags with less padding on top/bottom (this is fastest, because you won't have to go back and edit all your product, and is ultimately the smartest solution if you choose not to embrace #1 above)

3. learn to use Shift-Enter to create <br> tags instead of <p> tags

[ideasgirl]

2. change your stylesheet to treat <p> tags with less padding on top/bottom (this is fastest, because you won't have to go back and edit all your product, and is ultimately the smartest solution if you choose not to embrace #1 above)

.....and how I do that?

[kuroi]

Sorry ideasgirl, but you're going to kick yourself.

Just add something like the following to your stylesheet

p {padding:0.2em 0}

It's generally a good idea to set defaults on the main tags anyway, as there's no guarantee that all browsers will give you the same amount by default. This is especially true of the UL tag.

[ideasgirl]

No, since I already tried that and didn't work. I was trying with px instead of em. I tried with em (just in case), but doesn't work neither.

So I guess I will go editing the rest of the items (1 by 1) with the <br /> change instead.

Thanks anyhow.

[kuroi]

Deepest apologies. Dr Byte, you and me, we all fell into the same trap (cosy down here don't you think?). It's margin, not padding, that needs to be adjusted for <p> tags.

[ideasgirl]

I appreciate the help >>sigh<< but I've tried that (and did it again) and many other ways and still not doing the trick. Yes there's some change, the lines get together a bit more, but even if I put 0 as margin, as padding, different line-heights, and percents, stills there a little space like it was a ½ space.

I will just drink my coffee while I make the changes to <br />.

[kuroi]

In a clean enviroment, i.e. just a couple of paragraphs with ascenders and descenders, this minimal CSS

p {margin: 0; line-height: 0.7em }

results in two lines that overlap in FF, IE and Opera. If that's not happening in your situation, then either there's something else lurking in your HTML or your CSS ia getting overridden.

[ideasgirl]

If that's not happening in your situation, then either there's something else lurking in your HTML or your CSS ia getting overridden.

Well, yes... I see everything overlapping but not the product description where I really want the changes.

[dbltoe]

just a thought but, have you tried putting .plainbox-description in front of the p?