Formatting blog page - spacing and buttons

Hi there,

i can help with some CSS to do that .... or you can use the GPP Block Element Content Template with the GenerateBlocks plugin to design the post template - see here:

https://docs.generatepress.com/article/block-element-content-template/

Thanks David. I've seen that I need Generate Blocks plug in, plus Generate Press version 2.0 to use this (according to Leo's video). I only have v1.12.3 so I have tried to download version 2.0 but it failed saying 'Update failed: Download failed. Unauthorized'. Also, just spoken with husband and he said if I update to new version it will write over any extra code I've put in (that the support team provided to help me overcome other issues). Is this correct?

GP Premium is a plugin so updating that will not affect any changes you made to the site in the Customizer or any Additional code you added to the site.

I had a quick look at your other topics and the only code i see we provided was CSS. And i can see that is saved in the Customizer > Additional CSS. This is stored in the Themes options. It won't be affected by updating a plugin. The only time it will disappear is if you change to a different theme, and if you change back the CSS will re-appear :)

OK, thanks David. I've still got the issue however that I can't seem to update the GP Premium plug in to version 2 required to operate the GPP Block Element Content Template (which is needed according to Leo's video) so I still can't make the changes to the blog archive page that I need to. FYI Error message showing when trying to install the update is 'An error occurred while updating GP Premium: Download failed. Unauthorized' Any ideas for A) Fixing the install issue and B) Fixing the blog formatting issues? Cheers!

Hi Clare,

For A)

If you're having issues w/ the GP Premium plugin update try this:

Uninstall the current GP Premium version you have.

Login in to your account on https://generatepress.com

On https://generatepress.com/account, download a copy of the newest version of GP Premium.

Install that copy to your site. This should update your site's GP Premium to the latest version. :D

For B)

1.) For the format of the button, assuming you want the border radius, try adding this CSS:

.button {
    border-radius: 9999px;
}

You can play around with this CSS for the spacing between the posts:

article.post .inside-article {
    margin-right: 50px;
    margin-bottom: 50px;
}

Let me know if I missed anything. :D

Great, thanks for the code Elvin, that works. Sorry, one more thing: Do you know the code to add a separator (thin black line) above each post on the archive page? Thanks so much!

Try this CSS:

.generate-columns-container  .inside-article {
    padding-top: 20px;
    border-top: 1px solid #000;
}

Thanks so much David, yes that worked.

Just a question on Elvin's instructions for upgrading to GP 2.0. Can I clarify, is he saying uninstall GP Premium from my wordpress site? Will that action not remove all GP premium formatting on the site? Thanks!

Hi Clare,

You can safely follow Elvin's instructions, the settings of the GP premium plugin won't be lost.

But I think you can upload the newer GPP plugin file directly without removing the older version.

When doing so, WP will ask if you want to replace it with the newer version, just click Replace current with uploaded button.

Let me know if you need further assistance :)