Archived topic
Website Home Page Design
17 replies · Started by mubin360 on February 12, 2022
Hello, I want design my website home page like this website: https://grandcelebs.com/
Please can you help me with this?
Thank you.
Hi there,
can you share a link to your site, so i can provide some advice on what you can do
Yes of course. My website: https://www.celebsground.com/
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/
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.
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?
yes, my website: https://www.celebsground.com/
I want to design my website like this website: https://celebsradar.com/ or https://grandcelebs.com/
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/
Thanks. I did it. Please guide me to the next step
Which site are you trying to achieve? 1 or 2?
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. :)
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/
I did it. Please guide me to the next step...
hi Leo, are u there?
Looks like it's pretty much there.
What's still missing?