Hi,
I am having problem with the wide gap between page content (image) and the Footer. If you look at my website you will notice there is a cartoon image above the Footer. The problem is the is a huge white gap between it and the footer. How or where can I narrow that gap?
Can someone advise please.
Thanks,
John
Hi John
Try the following at Appearance > Custom CSS:
/* Home */ .home #main { margin-bottom: -22px; padding-bottom: 0; }Hope that helps :)
Thanks, that worked.
But now I can’t figure out why that image is not showing at it’s Full Width = 1100 x 70 px. I am using the siteorigin page builder editor widget and I have the image set at it’s full width, but as you can see it is only showing two thirds of it’s width. How can I fix that?
John
The dimensions of the image above your footer are 720 x 46.
http://i1.wp.com/localgardenservices.com.au/wp-content/uploads/2015/07/bottomlayer.png?resize=720%2C46
Perhaps turn off Jetpack > Settings > Photon and re-upload.
Andrew,
Yes that worked. I would never have known to do that.
Thanks for the Awesome Support. (:
New Problem:
When I duplicate (copy) the Home page the bottom cartoon image is again showing white space between it and the footer, weird?
See here the duplicated page: http://localgardenservices.com.au/garden-maintenance-adelaide-northern-suburbs/
and see here the original Home page: http://localgardenservices.com.au/
How can I fix this?
Sure. You can see in the Custom CSS we used the rule is prefixed to make it specific for the home page. To make it applicable for all pages, try instead:
/* Main Container */ #main { margin-bottom: -22px; padding-bottom: 0; }Andrew,
Awesome, it worked. Thanks again for your support.
John
Super :) Glad to hear that helped. All the best with your site.
Andrew,
As you can see from my site http://localgardenservices.com.au/ I am trying to setup a local niche Directory using Vantage Pro Theme. It’s ok, but not ideal.
Do you have any other WP Theme better suited for a Directory site?
Please advise,
Thanks
John
Hi John
Ideally you’d need a directory focussed plugin to handle the core directory related functionality for you. Here is where you might start your search:
https://wordpress.org/plugins/search.php?q=directory
Check the number of active installs, that’s a good metric to keep an eye on. The more, the better.
Nice round-up here: http://www.wpbeginner.com/plugins/best-directory-plugins-for-wordpress/.
Hi Andrew,
Thank you for your suggestions. I was told by a seo guy not to use a plugin for directory because it may sometimes conflict with different wp themes.
Thanks again for all your great help.
John
Sure, totally up to you.
You have to manage your content somehow. All a plugin will do is allow you to organise data. Using a solid plugin for your directory will give you theme freedom in that once you have the plugin and data sorted out you can choose between loads of different themes in the future. So, from our experience, we’d say the exact opposite to your SEO guy’s advice. Sure, a plugin might conflict with some themes. But on the whole it shouldn’t, especially not themes on WordPress.org.
All the best.
Andrew,
Sorry, but I just noticed the same image/footer gap issue when viewing my site on my Mobile Phone. Do you have a code for that?
No problem :) Was there a page I needed to check out? Home seems fine.
Another note. In Custom CSS you’re saying:
#main { margin-bottom: -54px; padding-bottom: 0; }We need to make that specific to pages with the grass image. You can see the problem here:
http://localgardenservices.com.au/terms/
http://localgardenservices.com.au/sitemap/
The solution, if the grass image is only for the home page, is to say:
/* Main Container */ .home #main { margin-bottom: -22px; padding-bottom: 0; }Which page and browser are you seeing the mobile problem on?
Thanks
Can change -22 to -54.
Ok, thanks.
I have a Samsung 2 mobile phone.
I only have the grass image on the home page and on subsequent internal (duplicated) home pages. So what you’re saying is, if I put the grass image on all the other pages too, it should work (look) Ok, Yes?
I have allowed extra space on the Terms Page and it looks ok now.
But, eventually the SiteMap Page will have over 700 pages, so this will be a big issue. With most WP Themes whe you add content into a page the page stretches/grows with the it. Why does this not happen here?
Pages do grow as normal. The problem is the following Custom CSS:
#main { margin-bottom: -54px; padding-bottom: 0; }That’s been added to help the grass image but causes this other issue. Can you perhaps take a quick spin over my earlier reply? The above CSS should be removed and the second rule I sent put in it’s place. We need to make this CSS specific to the home page so it doesn’t negatively impact other pages.
Here is a much easier way to proceed.
Remove the Custom CSS we’ve added for this.
Remove the grass image.
Add the following Custom CSS to add the grass image:
#colophon { background: #828277 url('http://localgardenservices.com.au/wp-content/uploads/2015/10/vector-grass-small2.jpg') no-repeat top center; padding-top: 100px; }Wow, that last code has fixed everything, thanks so much, Awesome!!
For sure :) Glad to hear that helped.