[Support request] Website Home Page Design

[mubin360]

Hello, I want design my website home page like this website: https://grandcelebs.com/
Please can you help me with this?

Thank you.

[David]

Hi there,

can you share a link to your site, so i can provide some advice on what you can do

[mubin360]

Yes of course. My website: https://www.celebsground.com/

[David]

1. Customizer > Layout > Sidebars and set the Blog to Content No Sidebars
2. Customizer > Layout > Blog – and Enable Columns, set them to 3, and make the First Post Featured

https://docs.generatepress.com/article/using-columns-in-the-blog/

3. For the individual post item design, you can use a Block Element – Content Template:

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

[mubin360]

1st image: https://ibb.co/njjDr3g
2nd image: https://ibb.co/wBR9Dpv (also like this: https://ibb.co/w75QL4R and https://ibb.co/JF8LZSm)
3rd image: https://ibb.co/cgCxTF9

hello! I don’t why I can’t design my website (1st image) like image no 2 (2nd image). Even after trying a lot, I can’t design like (2nd image). I do not understand why this is not happening for my website (1ts image). I don’t understand how to fix the font, read more options. Etc. etc. This is so frustrating I don’t know why. Many websites can be designed in a very beautiful way using the GeneratedPress theme. But I can’t. I don’t understand how everyone does it. It’s better to say I’m not a website designer, I’m a content writer. But if you don’t help me, I can’t design my website very beautifully.

And 3rd image shows that I don’t access generatepress.com with my IP! I have to use VPN to visit the generatepress.com website.

[Leo]

Let’s try solving one issue at a time and one issue per topic.

So this is the end result we are trying to achieve:
https://grandcelebs.com/

Can you link me to your site that’s using GP so I can see the current progress?

[mubin360]

yes, my website: https://www.celebsground.com/

I want to design my website like this website: https://celebsradar.com/ or https://grandcelebs.com/

[Leo]

First, set the featured image location for Archives to Above Title then uncheck Display padding around images
https://docs.generatepress.com/article/adjusting-the-featured-images/

[mubin360]

Thanks. I did it. Please guide me to the next step

[Leo]

Which site are you trying to achieve? 1 or 2?

1: https://celebsradar.com/
2: https://grandcelebs.com/

[mubin360]

I want to design my website like: https://grandcelebs.com/
fonts like https://celebsradar.com/ and design like https://grandcelebs.com/
But if u have a better design u can suggest me or u can guide me. 🙂

[Leo]

Ok to achieve this look: https://grandcelebs.com/

Set the featured image location to Below Title instead:
https://docs.generatepress.com/article/adjusting-the-featured-images/

Then add the following CSS:

a.read-more.button {
    width: 100%;
    text-align: center;
}
.generate-columns .inside-article {
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #d4d1d2;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[mubin360]

I did it. Please guide me to the next step…

[mubin360]

hi Leo, are u there?

[Leo]

Looks like it’s pretty much there.

What’s still missing?

[Author]

Posts