In your style.css you have this:
#content p {
font-size: 15px;
line-height: 1.7em;
}
Add in padding-bottom: 5px;
to that (or whatever space you want) to put more space between paragraphs in your content 🙂
Hi Ipstenu,
I don’t know anything about coding but maybe with some more details i can do this.
The style.css file is really long, and I only looked at part of it but the only thing I found that looks like that is
#content {
margin: 0 0px 0 20px;
width:790px;
So when you say to add “padding-bottom: 5px;”, do I just add it on the line immediately below?
Look for #content p
If it’s not there, just add this at the bottom of your style.css
#content p {
font-size: 15px;
line-height: 1.7em;
padding-bottom: 5px;
}
Keep it inside the {}’s 😉
I actually tried both. I found that line of code within the body of the style.css document, and added in “padding-bottom: 20px” and nothing happened.
Then I added the whole paragraph that you suggested above at the end of the style.css, and that didn’t work either.
Is there a code you can insert within the text editor, like </p> or something (you know one of those!) to make more space?
Yes, btu that’s bad HTML.
Right now, your style.css has this:
#content p {
font-size:15px;
line-height:1.7em;
}
I can see it at http://www.emmastangl.com/wp-content/themes/mantra/style.css
Changing that will ONLY edit your pages like this: http://www.emmastangl.com/?page_id=9
Your front page is using headers instead of plain paragraph text.
Your front page is using headers instead of plain paragraph text.
Yes it is! That is the result of my tinkering with it to make it approximately the size and spacing I want. I guess the Internet at large gave me some “bad HTML” advice!! Let’s see if we can get it right, thanks for your help with this.
So I understand what you’re saying – changing the style.css as you suggested would only affect paragraph text, not header text. However, I made these changes to the format of the front page text after I tried unsuccessfully to make the change to style.css.
Here is what I did. I found that same paragraph,
#content p {
font-size:15px;
line-height:1.7em;
}
in my style.css. Where I found it was under the heading (there are some underlined headings in the style.css) “Images”.
I changed it to look like this:
#content p {
font-size:15px;
line-height:1.7em;
padding-bottom: 20px
}
and it said it was edited successfully.
I then went to check my website and nothing changed. I tried it twice, and both times, nothing. Even on the pages such as my “About” and “Services” page which have paragraph text. The blog paragraphs did not change either.
The reason why it did not work was because I had not cleared the cache using Ctrl + F5.
Another member told me about this in regards to another issue, and I tried it here, and it works now.
I see that this has been resolved. I am having the same problem, but know nothing about coding and so am a bit lost on the resolution. Can someone explain to me how to find the style.css so that I can edit it? (I do know how to do that, I just can’t find it to edit.)
Dashboard -> Appearance -> Editor (is the last choice in the list.)
when you click Editor, style.css is the first thing that shows, but the link for it is towards the bottom of the list on the right hand side.
Darn. I’m assuming I don’t see ‘Editor’ because I’m using a theme that doesn’t include one. I’m guessing back to the drawing board for me. 🙂
Thank you!
If your website is on WordPress.com , then you don’t have the option to :
Install new plugins .
Configuring CSS and core files .
Only self-hosted WordPress installation have this “freedom” .