On home page (front page) I have an image that I want to take up the entire section. I have white space on the sides and bottom that I want to eliminate. I can't (yet) figure out how to do that. Please advise.
The white space is your content background color, you can change that in the Theme Options -> Colors
1) Your Footer is set to have position fixed, so it means it will be always on the bottom of the page, so if your page will not have the content, the white space will appear.
2) The setting that Phil sent should be set in margin and padding to 0px, right now its using the default 14px value of grid space between elements.
I changed background to green and have 0px margins. I don't want any green space between image and footer. I tried to set the height of the section to 690 px which is the image height but that got rid of some of the green at the bott but not all. I only want the image on this page and I will add a button on top of it. No empty space. Please advise
We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.
Cookies are small text files that can be used by websites to make a user's experience more efficient.
The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.
This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.
You can at any time change or withdraw your consent from the Cookie Declaration on our website.
Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.
Please state your consent ID and date when you contact us regarding your consent.
Comments
Hi,
Please, go to Image options, and in the Advanced tab, change the margin value to zero.
Thanks
That didn’t work. I think the white space at bottom increased.
I tried setting the padding to 0px also. No improvement. I am sending log in credentials via email
Hello,
This is because of two things.
The white space is your content background color, you can change that in the Theme Options -> Colors
1) Your Footer is set to have position fixed, so it means it will be always on the bottom of the page, so if your page will not have the content, the white space will appear.
2) The setting that Phil sent should be set in margin and padding to 0px, right now its using the default 14px value of grid space between elements.
Thanks
I changed background to green and have 0px margins. I don't want any green space between image and footer. I tried to set the height of the section to 690 px which is the image height but that got rid of some of the green at the bott but not all. I only want the image on this page and I will add a button on top of it. No empty space. Please advise
Please paste that CSS code into Theme Options -> Custom CSS & JS -> CSS
.has_content .the_content_wrapper{margin-bottom:0;}thanks
I tried that. From what I can see it works. Tank you. Very helpful.