removing white space above comments
-
is there any way to remove as much white space as possible above the comments section on posts? like this…
http://serealities.com/2015/09/17/earth-bound-by-j-zakour-and-vanelle-leblanc/The blog I need help with is: (visible only to logged in users)
-
Hi there, add the following which sets the margin on the bottom of single posts (above comments section) at 0 and see if that works for you.
.single #content .post { margin-bottom: 0; } -
-
You know, while this is possible, I wouldn’t recommend it since the sharing buttons are inside the post content div and the comments are in a div that is outside of that. It is typically problematic for those visiting your site on phones and tablets. In addition, the sharing buttons are for the post. If you put them at the bottom below the comments, people may not scroll down or read the comments and may miss sharing your awesome words of wisdom on their favorite social media service. My recommendation is to keep them at the bottom of the post.
Let me know if you think otherwise and I can work our the CSS for you.
-
ok, I don’t want to screw up anyone who uses a small device. I haven’t been able to figure out another way to make this work… we are going to try using the comments as the interactive part of our serials by allowing readers to use free text (and remove the poll for simply voting) for what happens next to the character in the story.
This is why I’m trying to get the responses as visible as possible so that everyone can read all the comments. On any device one has to scroll so far down to see them, my concern is that the sharing buttons will look like the end of the page. Thanks so much for any suggestion! -
One suggestion that comes to mind would be to put a line at the bottom of the content itself that tells users to scroll down and enter their ideas in the comments below.
- The topic ‘removing white space above comments’ is closed to new replies.