Edit paragraph style

Support
#1

Hello,
I want to edit the paragraph style inside the text editor so it doesn’t create a gap after every paragraph return.
Is there an easy way to do this, or should I look to a plug-in, like the TinyMCE ones?
Also, for future reference, where is the stylesheet that controls the paragraph and header styling?
Thanks,
Sean

#2

Hi Sean,

To remove the gap, you can add this in Theme Options > CSS

p {
    margin:0;
}

For your heading you can use this css.

h1 {
    /* add style here */
}

h2 {
    /* add style here */
}

h3 {
    /* add style here */
}

h4 {
    /* add style here */
}

Hope that helps.

#3

Thanks paul. That took care of the extra space after paragraphs, however I’m having a hard time dropping in a break to create my own space between paragraphs where needed. Just adding a blank return (paragraph) doesn’t yield a space between lines, and adding the code for breaks br and /br keeps getting wiped out with every change I make (like changing the font color)

Also, on a side query. I have a black background site and doing most of my text in white (and occasional other light colors) Is there a way to change the background of the text editor to a neutral gray so I can read both black and white text while editing?
Thanks,
Sean

#4

Hi Sean,

You can add a bottom margin to the CSS to adjust the spaces between paragraphs like this:

p {
    margin-bottom: 1em;
}

Feel free to adjust the value of the bottom margin in the code.

Unfortunately, there is no settings to change the background of the text editor.

#5

Hi Jade,
What I really want is the fix I implemented above, but for the editor to allow me to drop a blank paragraph into the text between paragraphs and have it create a space. Then I can also highlight the blank paragraph and change the font size to create the size break needed.
Is this possible?
Or do I need to add br and /br, which are working, just need to apply in the right order.
Or can I add extra paragraphs styles to the css (p, p1, p.interview, etc.) which I have used in my ebooks when adding them to my custom stylesheet.
Thanks,
Sean

#6

Hi Sean,

Sorry, but I am not entirely certain now of what you’re trying to do, please provide us the direct page URL (where we can see the issue) and a screenshot of what you’re trying to do.

Thanks,

#7

Hi friech,
I am new to coding in this way, and what I have done formatting ebooks isn’t quite translating over.
I had wanted to remove the margin after the default paragraph, which I was able to do with the first bit of code above.

However… if you notice the space above between these paragraphs, that was accomplished by just hitting the return and jumping to a new paragraph. So, this editor I am typing on right now is doing what the text editor in Pro (or WP) won’t. Which is let me quickly add a space without going into the html side of the editor.

I am getting by with manually adding /br in the html editor, but was hoping for a fix for this to make it easier.
On a side question, is there a way to control the margin that a /br does. Like, can you do a .5 sized /br?

Thanks,
Sean

#8

Hi Sean,

Thank you for the clarification, regretfully we can’t style a <br /> tag because that is only for deliberate line breaks.

What element you’re using? I just tested this on my end and it works. If I hit the return key while I’m on RICH TEXT (not HTML) it will wrap my paragraph in a separate <p> tags. The <p> tag makes more sense because it has a default margin-bottom which separates the paragraphs, unlike the <br /> which only breaks line but don’t provide space.

If you need to adjust the default bottom margin of the <p> tag, you can use the custom CSS that Jade’s provided above:

p {
    margin-bottom: 10px !important;
}

Feel free to adjust the value where you see it fits, setting that to 0 means no spacing between paragraphs.
Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.