awesomeblogger

Hey @edge22,
thanks for your comments.
Actually I get some error, if I try to add this code using Hooks, the code appears on the site. Do I need to add this code some other way?

Thank you, I’ve already tried it with max-width and it didn’t work, because if I put it to say 500px it wouldn’t be centered…, and the lower max-width I put, the more it was tilting to the left. But with width I don’t see such problems.

Wow, look, it appears italic even in my comment.
Why is italic here? Am I missing something?

Hey David, thanks so much for your comment!! I was actually able to solve the issue with this code:

.blog .site.grid-container {
margin-top: -25px;
width: 795px;
}

I found the solution:

.blog .site.grid-container {
max-width: 800px;
}

To answer your question, it was not centered by default for me, if I turned off the sidebar for the blog archive page.

Thank you.

I found it, using this code:

.blog .site.grid-container {
max-width: 800px;
}

Not a fix but it solves the problem by changing the layout of that page.

Thank you for your comment! Is there a way to center the archive page?

Hey @leohsiang, thanks greatly for your post! I am excited that you might be able to help.

Unfortunately I am unable to link the site.

But I’ve used this code and found a partial fix:

.no-sidebar .site.grid-container {
max-width: 800px;
}

However, the problem is now all of my pages are centered and I would just want the blog archive page to be centered, so that all of the posts are centered.

Is there a way to do this?

I would deeply appreciate your help Leo!!

Hey @leohsiang, thanks greatly for your post! I am excited that you might be able to help.

Unfortunately I am unable to link the site.

But I’ve used this code and found a partial fix:

.no-sidebar .site.grid-container {
max-width: 800px;
}

However, the problem is now all of my pages are centered and I would just want the blog archive page to be centered, so that all of the posts are centered.

Is there a way to do this?

I would deeply appreciate your help Leo!!

Someone please let me know.

For some reason I’ve found that this extra space occurs only on the archive blog posts page and not on the single posts.

Here’s my question (I also created a separated thread for it):

For some reason after I added “no padding to featured image”, the free space between the content and the sidebar increased. I can only solve this if I change container width to much lower, but I would like to have the same container width of 1200px, and not lower.

This is how it looks: https://ibb.co/1J67FpX

And this is how I would like it to look: https://ibb.co/2FgkKk1 (minimal blank space in between)

How can I remove this blank space between the content and the sidebar, without changing the container width? I would like to increase the size of the content.

Any help would be greatly appreciated!

EDIT: For some reason I’ve found that this extra space occurs only on the archive blog posts page and not on the single posts.

• This reply was modified 4 years, 3 months ago by awesomeblogger.

I was able to solve the problem!!

The solution already existed if you go to Customizer > Layout > Blog > Featured Image, and then just uncheck ‘Add Padding to Featured Image’. Awesome!!

That’s why I like GeneratePress so much!!

However, this actually added a second problem now for me, and it’s that the blank space between the sidebar and the main content somehow increased. Now I need to find a solution for this. I will create a new thread for this. @ejcabquina if you’re able to, I would deeply appreciate your help!!

Hey @ejcabquina,

Thanks greatly for your comment, the code unfortunately didn’t solve the problem. What happened was the padding completely removed for the whole post. I would like padding to be removed for the featured image while remain for the rest of the post.

I’ve added this code:

/* remove container padding */
article.post .inside-article{
padding: 0px;
}
/* Re-add the padding for excerpts only */
.entry-summary{
padding: 0px 40px;
}

Is there a way to remove the padding for the featured image but make it stay for the text and the rest of the post?

Thank you!!

Also, if I add margin then the featured image looks weird on mobile screen.