[Resolved] Issue on blog page

[charles]

Hello please I need help in cloning my blog page to look this way https://bloggingden.com/blog/ please.

[Leo]

Hi there,

The header/navigation can be achieved by adding a logo and use the navigation as a header option:
https://docs.generatepress.com/article/adding-header-logo/
https://docs.generatepress.com/article/navigation-as-a-header/

The blog posts are displayed in two columns:
https://docs.generatepress.com/article/using-columns-in-the-blog/

And the rest of the options are here:
https://docs.generatepress.com/article/blog-content-layout/
https://docs.generatepress.com/article/adjusting-the-featured-images/

Let me know if this helps 🙂

[charles]

OK thanks about the logo .but I have tried but my blog page it’s still same as I edited using elementor .is their a way to set it back to default and also the search feature is not working. If I search it will only redirect to blog page without searching anything

[Leo]

Where can I see your blog page?

[charles]

Add /blog to the ending of my URL I dropped when creating this thread

[David]

Hi there,

in Dashboard > Templates – simply delete the template you assigned to the Blog / Archives. Then make sure that the /blog page is set in the Dashboard > Settings > Reading as the page to Display your posts.

[charles]

Okay done what of adjusting and padding it to look exactly like https://bloggingden.com/blog/

[David]

In Customizer > Additional CSS – there is some CSS that was added from the Site library import.
Remove this:

@media (min-width: 769px) {
	.post-image-aligned-left .post-image img {
		max-width: 300px;
	}
}

[charles]

Check mobile view of https://bloggingden.com/blog/ seems they are boxed and not full width both the blog page title, blog content and pagination .please how can I achieve that and also change pagination to number

[David]

Add this to your Customizer > Additional CSS:

@media (max-width: 768px) {
    .blog #page, .archive #page, .search #page {
        padding-left: 10px;
        padding-right: 10px;
    }
}

To use pagination instead of infinite scroll: Customizer > Layout > Blog and uncheck Use infinite scroll

[charles]

Thanks. Please visit https://bloggingden.com homepage. There is a title written Learn Blogging Now But in the Blogging. There is an animated underline function. Please how can I achieve that or please I need the name of plugin to achieve that

[Leo]

That is using Elementor page builder.

[charles]

Wow please how. I have moved up and down on elementor and still can’t find it. And please how can I make my blog mobile view fit to screen. It seems moving sideways

[Leo]

You will need to check with Elementor’s support for questions related to their software.

The horizontal scrolling usually means that there is an element on your page that’s wider than the screen or not responsive. It’s usually an element that’s coming from the page builder.

Does the issue happen on a page without using Elementor?

If not then you will need to check with their support as well.

[charles]

okay thanks but how can i organize it to look arranged like each two column the same line and not scatterd

[Author]

Posts