Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

How to single space in paragraphs in Wordpress? WordPress

When I hit carriage return in the visual editor I see a single-space line, exactly as I want it. But then when I view the website page, it is double-spaced.

I have tried using the SHIFT+RETURN technique, but the paragraph is still double-spaced. What do I need to do in order to get only single-space paragraphs?

Please reference attached screenshot image of my WordPress Visual Editor.
Please reference my webpage link: http://dev.qualityaudiovideo.com/our-services/residential/

Answers (4)

2012-01-04

Arnav Joy answers:

try this in your functions.php

remove_filters('the_content', 'wpautop');

remove_filter ('the_excerpt', 'wpautop');


Arnav Joy comments:


if above code not worked then add this to following palce

http://dev.qualityaudiovideo.com/wp-content/themes/ovid/data/combined.css

name of the css is combined.css

p {
padding-bottom: 0 !important;
padding-top: 0 0 !important;
}


Arnav Joy comments:

make it as

p {
padding-bottom: 0 !important;
padding-top: 0 !important;
}


rokfrd comments:

where is my functions.php document located exactly? I will try the combines.css code you suggested in the meantime.


rokfrd comments:

Update: modifying the combined.css doc with the following change did not work:

p {
padding-bottom: 0 !important;
padding-top: 0 0 !important;
}


Arnav Joy comments:

try this location for functions.php

http://dev.qualityaudiovideo.com/wp-content/themes/ovid

functions.php

2012-01-04

derekshirk answers:

I would recommend overwriting/modifying the css for the p tag. Try setting margin and padding back to zero and adjust as needed.

2012-01-04

Kannan C answers:

change your p tag in css as

p{
padding:0;
margin-bottom:10px
}


rokfrd comments:

I modified the combined.css doc but the double space didn't go away. Any other suggestions?


Kannan C comments:

i do not see that the update in your css. Are you updating http://dev.qualityaudiovideo.com/wp-content/themes/ovid/data/combined.css
And your template seems badly coded. In your case, if you remove the top padding, you will lose space between some elements. I think you may try add both top and bottom padding, like Julio said.

2012-01-04

Julio Potier answers:

Hello,

In this file: [[LINK href="http://dev.qualityaudiovideo.com/wp-content/themes/ovid/data/combined.css"]]http://dev.qualityaudiovideo.com/wp-content/themes/ovid/data/combined.css[[/LINK]]

Modify this:
p{padding-top:1.0em;padding-bottom:1.0em;}
into this:
p{padding-top:0.5em;padding-bottom:0.5em;}
You can also play with margin:
p{padding-top:0.5em;padding-bottom:0.5em;margin:0;}
or
p{padding-top:0.5em;padding-bottom:0.5em;margin:5px 0px;}
Do not remove top or bottom, the design can change, you need to separate your <p> tags.

Try this ;)

<em>ps : of course you can try 0.4, or 0.6 etc ...</em>


Julio Potier comments:

Do not set paddings to "0 !important" your design can change on other pages etc ... bad idea.


rokfrd comments:

BRAVO! That worked beautifully. I ended up using the following:

p{padding-top:0.3em;padding-bottom:0.3em;}

Thank you!


Julio Potier comments:

I'm glad :)