Clear Out White Space on Wordpress
-
http://www.thanksaj.com/2015/05/utility-of-the-month-may-7-zip/
So that is an example of a single page post. This is how it looks...
However, on the home page it looks like this... (http://www.thanksaj.com)
Now what I'm looking for is a way to either remove that blank space, which I don't think is possible, or remove the featured images from the individual posts page but keep them on the homepage. I've been kinda playing around with some CSS and the php files but have been unsuccessful to date with getting the look I want...
The issue is that blank space on the individual post pages looks HORRIBLE. Any suggestions on how this might be possible? I don't mind making PHP or CSS changes. I'm currently using the Yoko theme that I've customized some (removed one of the columns).
Thanks!
A.J. -
This doesn't sound like a WordPress thing. This is just a template thing.
-
You should be able to edit your single post php template file.
-
@thecreativeone91 said:
You should be able to edit your single post php template file.
I was trying to figure that out, but wasn't having much luck...PHP isn't really my thing...
-
I can look at the code and make sense of what I see but actually writing anything or making changes isn't my thing...
-
@scottalanmiller said:
This doesn't sound like a WordPress thing. This is just a template thing.
And most of your spacing issues would be related to the WP theme's CSS file. Use firebug for Firefox and you should be able to see the issues in your theme according to the php page that is being used by the theme.
ALWAYS use a Child Theme to make edits to ANY Theme you didn't create from scratch.
-
The photograph of Dracula's nephew, i.e. you, is in a different container, you cannot remove that space without rewriting the HTML.
Right now you have:
- div with class single-entry-details that has your photo
- header with class single-entry header with the date, etc
- div with class single-entry-content with the content you're having trouble with
You've got two containers above what you wish to align, you cannot align text outside of a block element like that, especially two of them.
In other words remove the container with the photo, which I highly recommend. If you wish to have your photo on the page, you should put it on the menu on the right, not within the content of the page. Page content should only have applicable information, and this post seems to be about 7zip, not about AJ. Context is important for SEO.
Otherwise your photo needs to be in that last div I mentioned, and the simplest thing to do would be to add align="left" attribute to it. So...
<div class="single-entry-content"> <img src="....." align="left"> ...But all of the messing with margins, padding, using negative numbers, etc will never, ever, ever collapse the text properly since they're in different containers/block level elements, so I hope you didn't waste time with that, I see people do that all the time.
-
@tonyshowoff Nicely worded!
I loved the part about SEO. It's easy to forget why you want the search engines to find you. Customers always want to go on and on about how cool they are and forget the surfer is looking for Great content first.
