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)
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
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.
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.
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 :)