Footer position and background color

Claire replied

1 year ago

Customer Reply

Got it. Thank you!

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

In this case, you should create page layout with the Elementor Page Builder:

Regards,
PenciDesign.

Claire replied

1 year ago

Customer Reply

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.

PenciDesign Supporter replied

1 year ago

Staff Reply

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.

Claire replied

1 year ago

Customer Reply

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.

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Can you send me the screenshot or URL and include a note with it?

Regards,
PenciDesign.

Claire replied

1 year ago

Customer Reply

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.

PenciDesign Supporter replied

1 year ago

Staff Reply

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.

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Please send me the page URL.

Regards,
PenciDesign.

Claire replied

1 year ago

Customer Reply

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!

Claire replied

1 year ago

Customer Reply

Thank you so much!

They both work now.

PenciDesign Supporter replied

1 year ago

Staff Reply

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.

Claire replied

1 year ago

Customer Reply

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!

PenciDesign Supporter replied

1 year ago

Staff Reply

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.

Claire started the conversation

1 year ago

Conversation Start

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