Site logo

Archived topic

Is this website design possible to achieve with GenereatePress' Read template?

3 replies · Started by Erman on February 15, 2022

Viewing posts 1–4 of 4

Hi,

I just recently started using GeneratePress again after giving it a brief try a couple of months ago.

Your support was super helpful then, so thank you for that.

I'm wondering if it's possible to achieve a blog design like this blog https://www.joshwcomeau.com/snippets/ using the Read template from your Site Library.

If so, what resources would I have to check out to get started and how much coding would be involved?

Thank you!

Hi Erman,

Something like this is definitely achievable through Elements and some CSS.

For instance, you can setup a Content Template Block Element like this: https://share.getcloudapp.com/E0uovOJX

And, by adding a few CSS, here is what it can look like: https://share.getcloudapp.com/NQuxX950

Here is a helpful article with regards to the specific CSS you can use: https://css-tricks.com/snippets/css/complete-guide-grid/

This is the sample CSS I added with my setup:

article{
    display:grid;
    grid-template-columns: 1000px 600px 400px;
}

article h2{
    font-size:20px
}

You can then add the other sections through creating other Elements.

Lastly, I believe if you’re going for something like this, starting from scratch rather than using the Read template or any other template may be more beneficial. :)

Hope this helps! :)

Hi Fernando,

I apologize for my late reply. I thought I had replied to your answer, but I guess I got distracted by other things.

Thank you so much for your help and tips.

I'm quite a novice when it comes to coding, but I'll definitely take a look and see if it's something I'll be able to manage.

What would you say would be the benefits of starting from scratch rather than using the read template?

Hi there,

for that site design, i would definitely start from scratch.

This archived topic is closed to new replies.