Site logo

Archived topic

I have a couple issues

16 replies · Started by Devin on February 16, 2022

Viewing posts 1–15 of 17

Sorry if this isn't aloud, but since I'm having more than one issue, I figured I'd create one ticket and list them all here so that I don't have to open multiple.

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 (screenshot attached), 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(contact and disclaimer pages, for example) (screenshot attached), and in addition to that, I'm also having issues getting my pages to show up in my footer. And this isn't really a problem, but I was wondering if I could choose to display only 6 posts on my homepage instead of the 10 that are showing up now.

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?

https://i2.paste.pics/931f4b6ac926c2edec13b8def68874cf.png (white space)

https://i2.paste.pics/ea3263423353a76ef6451840337a2545.png (search result font)

Thanks,
Devin

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.

Oops, I didn't mean to say optimize, I meant to say format/design, although that is still helpful. Is there any way to change the first issue addressed without adding code, or is that not possible?

Also, I'd like to have my pages show up in the Footer Bar instead of the Footer Widget area like the screenshot below.

(https://i2.paste.pics/e6ecaae2a86354745c8b2153daba4d74.png)

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! :)

Thank you! I think I've figured most of everything out now. Will I need an extra plugin for the filler regarding the extra space?

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. :)

I haven't added any code that I'm aware of. I've went to the CSS editor under " additional css" and there's nothing there. If removing it doesn't alter the footer bar or footer widget area, I would like it removed. Could this have happened in the customization settings or is it for sure custom CSS code? It's weird because while I'm in editor it's not showing up but when I open a tab up in an incognito window it does.

Hi Devin,

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

Yes, I've just deactivated it.

Seems like I'm having a million issues haha. Are there any up to date videos on how to create a page hero and a grid, for the home screen specifically? I have generate blocks and have been watching a bunch of tutorials on how to create these things but when I go to the elements tab and choose what type of element I want, the generate blocks options don't show up like they're showing in the videos. I've tried refreshing the page, deleting cache, everything.

https://i2.paste.pics/b9a5ea838085a8fc22769df6f51dab23.png

Are there any up to date videos on how to create a page hero and a grid, for the home screen specifically?

To create page hero using a block element:
https://docs.generatepress.com/article/block-element-page-hero/
The screenshot you attached is using classic editor, do you have the classic editor plugin on? If so, deactivate it.

A grid?
You can use Gridblock of GenerateBlocks plugin in a static page.
https://docs.generateblocks.com/article/grid-overview/
But your homepage is blog page, what exactly are you trying to use the grid layout?

Yes, a grid such as the one attached at the bottom. There's a series of 4 posts below the page hero with featured articles. That makes sense though. I'll try the other editor and see how it goes. If I revert back to classic editor afterwards, will my changes still be saved? I'm not a huge fan of Gutenberg.

https://i2.paste.pics/688fa297dc3de06f8132507da8143c48.png

Was there ever a culprit for the white space below the footer bar? As stated in a previous message, it doesn't look like that while customizing, so I'm wondering if it's a caching issue. My site's tagline hasn't changed either and I updated that over 24 hours ago.

If I revert back to classic editor afterwards, will my changes still be saved

Yes.

There’s a series of 4 posts below the page hero with featured articles

You can do it with WP's query loop block. It comes with column option.

The white space is added by an ad plugin called Ezoic.
https://www.screencast.com/t/UFwJ7Zu4

Thank you! So is creating a block grid like that not possible with Generate Blocks? Also, is there anything that can be done about my site's tagline not updating? As stated above, it's been over 24 hours since I changed it and still, it won't show up. I've cleared my cache multiple different ways and still, nothing.

Hi Devin,

This is doable through the Blog module: https://share.getcloudapp.com/jkumGLjL

You can go to Appearance > Customize > Layout > Blog, and modify the Columns section.

See: https://share.getcloudapp.com/nOu9xoJA

You may also refer to this link for more information regarding this: https://docs.generatepress.com/article/blog-overview/

Moreover, here is a video by Leo: https://www.youtube.com/watch?v=-ZTQP_KA2xE

If you wish to hide the sidebar for specific pages to display the “grid” better, here is an article you may refer to: https://docs.generatepress.com/article/layout-element-overview/

As for your site tagline not appearing, I currently can’t see any tagline in your page: https://belapets.com/category/dogs/

Here is one article you may refer to with regards to this: https://support.ezoic.com/kb/article/how-does-ezoic-caching-app-work

Hope this helps! :)

This archived topic is closed to new replies.