[Resolved] I have a couple issues

Hi Devin,

I’ll try to tackle this one by one.

Anyways, I’m having issues with the font for “search results for” being too small when manually searching for a topic, and would like to know how to adjust it.

For this, you can try adding this CSS:

.search h1.page-title {
    font-size: 100px;
}

How to add CSS: https://docs.generatepress.com/article/adding-css/#additional-css

Large white space showing at the bottom of my screen below the footer bar when searching a topic where the page isn’t populated with results

This issue occurs because the total height of the elements/contents of the “no results page” aren’t enough to cover the entire viewport height. 🙂

Inserting a “filler” element would be a workaround: https://share.getcloudapp.com/2NuvZmy4

Alternatively, you can also modify the height of the content to address this issue:

.inside-article {
    height:50vh;
}

I’m also having issues getting my pages to show up in my footer

You can add a widget like “Latest Posts” to achieve this: https://share.getcloudapp.com/qGurLOXN

This can be done through Appearance > Widgets.

Kindly check if this setting as well in Appearance > Customize > Layout > Footer: https://share.getcloudapp.com/6quE4z8W

I was wondering if I could choose to display only 6 posts on my homepage instead of the 10 that are showing up now.

You can do this through the reading section of your Settings: https://share.getcloudapp.com/OAu4e8xn

Also see: https://docs.generatepress.com/article/footer-widgets/

Also, would it be possible to provide any pointers on how to optimize the site for mobile the same way it’s optimized for desktop?

I can see that you’re using Autoptimize. Here is an article you may refer to regarding this: https://docs.generatepress.com/article/configuring-autoptimize/

Alternatively, you can also try using a different plugin like WP Rocket instead of Autoptimize and see if it suits you better.

For responsiveness, you can try setting specific modifications by changing the view.

See this: https://share.getcloudapp.com/6quE4Gb6

Also see: https://share.getcloudapp.com/xQuz8xEd

Moreover, with regards to modifying the title in the first issue, you can also do this through Appearance > Customize > Typography. You would need to set the target element to Custom and use the CSS selector .search .page-title.

See: https://share.getcloudapp.com/9ZuDng9q

As for making it Blocks appear in the Footer Bar, this is possible through: https://share.getcloudapp.com/7Kuq9kN6

Hope this helps! 🙂

You’re welcome Devin!

You don’t need an extra plugin for this but I noticed that the height of the elements in the No Search Results page is now over the Viewport height which is good.

I also noticed just now that the white space also exists on other pages as well. This spacing seems to be set through a padding-bottom CSS. Did you add this custom CSS code?

Kindly see: https://share.getcloudapp.com/Blud6by5

To confirm, do you want this removed? If so, you’ll need to remove this bottom-padding CSS.

Hope to hear from you soon. 🙂

Hi Devin,

Can you disable your cache plugin so we can see where the CSS is from?