1. I recently found that the footer on pages with little content does not appears at the bottom. Please check screenshot "footer position". I want to make it fixed/sticky at the bottom. Please advise if that's possible.
2. I created a page with Elementor (Page Full Width) and applied it to 404 page. However, it shows different from that in Elementor. To be specific, it shows background color of the website on the top and bottom of the page. You can check the screenshot "page with different bg color". Any suggestion?
1. I understand it's because the main content of the page is too short. So I want to know if it's possible that the footer can be fixed to the bottom of the page.
2. About the 404 page, when I open the page (url: 404-2/) I created, it does not show the background color of the website (screenshot "custom 404 - original"). But if I go to a url (ex. test/) that does not exist, there is space on the top and bottom. I want to figure out if it's possible to delete that space.
When I edit the contact form with WPForms, no matter which size I choose for the paragraph text, it only shows the small size on the front-end. I've tried to change the height with CSS, but it shows the same.
By the way, if I have a hero image and want it to appear below the header and above the posts on the home page, can you advise how to do that? I've checked options in Customize, but not sure if I miss anything.
Thank you for the message and sorry for confusing.
"Posts" in the screenshot should be articles, and it's on home page. So I tried Home Featured Boxes and Featured Slider. However, the former one needs 3 images at least, and the latter one needs to be an article linking to its content. What I want is a static image appearing in the place those features apply.
Hello,
How are you?
1. I recently found that the footer on pages with little content does not appears at the bottom. Please check screenshot "footer position". I want to make it fixed/sticky at the bottom. Please advise if that's possible.
2. I created a page with Elementor (Page Full Width) and applied it to 404 page. However, it shows different from that in Elementor. To be specific, it shows background color of the website on the top and bottom of the page. You can check the screenshot "page with different bg color". Any suggestion?
Many thanks!
Claire
Attached files: footer position.png
page with different bg color.png
Hi,
1. The issue is that the main content of your page is too short, causing the browser to be unable to adjust it to fit the full height of the window.
2. Please navigate to the dashboard → Settings → Permalinks, click the "Save Changes" button, and then check again.
Regards,
PenciDesign.
Hi,
Thank you for prompt response.
1. I understand it's because the main content of the page is too short. So I want to know if it's possible that the footer can be fixed to the bottom of the page.
2. About the 404 page, when I open the page (url: 404-2/) I created, it does not show the background color of the website (screenshot "custom 404 - original"). But if I go to a url (ex. test/) that does not exist, there is space on the top and bottom. I want to figure out if it's possible to delete that space.
Thank you!
Attached files: custom 404 - original.png
Hi,
1. Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
body.page article.page {min-height: calc(100vh - 321.5px);
}
2. The page you've created with the Elementor Page Builder, so you need to modify the general background via the Elementor editor screen: https://element.how/elementor-how-to-change-background-color/
Regards,
PenciDesign.
Thank you so much!
They both work now.
Hello,
I have another question:
When I edit the contact form with WPForms, no matter which size I choose for the paragraph text, it only shows the small size on the front-end. I've tried to change the height with CSS, but it shows the same.
Thanks again!
Attached files: backend.png
frontend.png
Hi,
Please send me the page URL.
Regards,
PenciDesign.
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {max-height: initial;
}
Regards,
PenciDesign.
Thank you soooo much!
By the way, if I have a hero image and want it to appear below the header and above the posts on the home page, can you advise how to do that? I've checked options in Customize, but not sure if I miss anything.
Hi,
Can you send me the screenshot or URL and include a note with it?
Regards,
PenciDesign.
Sure. I left notes on the screenshot. The place I want to put the image is marked with a green box. Please let me know if it's not clear.
Attached files: hero image position.png
Hi,
Please go to Appearance → Customize → Single Posts → General:
- Single Posts Template: select "Style 6",
- Turn on the "Move Categories, Post Title, Post Meta To Bellow Featured Image" option.
Regards,
PenciDesign.
Thank you for the message and sorry for confusing.
"Posts" in the screenshot should be articles, and it's on home page. So I tried Home Featured Boxes and Featured Slider. However, the former one needs 3 images at least, and the latter one needs to be an article linking to its content. What I want is a static image appearing in the place those features apply.
Hi,
In this case, you should create page layout with the Elementor Page Builder:
Regards,
PenciDesign.
Got it. Thank you!