[Resolved] Designing Help

[David]

You will find all those options within Customizer > Layout > Blog to enable Comments and Category tags:

https://docs.generatepress.com/article/blog-content-layout/

Those options include featured images where you can change the featured image location to above title and remove the padding:

https://docs.generatepress.com/article/adjusting-the-featured-images/

[Abhit]

Hi David,

I want to make it like this, but I’m able to make this

Please help me to make it like that

[David]

You need to work through the Blog options first. Looks like you got the featured image in the right location, now uncheck Display padding around Images.

Then you will need to enable the post meta, for the categories, comments etc within the Blog Options.

Once they’re in place we can help with some CSS to style them.
A link to the site you’re working on will help and therefore maybe better if you start a new topic.

[Abhit]

Ok, i done it. please help me to make it like that

[David]

I need a link to your site so i can look at what CSS is required.

[Abhit]

Here is Link of my blog

[David]

You can position the category links over the image like so:

.generate-columns-container .inside-article {
    position: relative;
}
.generate-columns-container .cat-links {
    position: absolute;
    top: 20px;
    right: 40px;
}
.generate-columns-container .cat-links:before {
    display: none;
}
.generate-columns-container .cat-links a {
    padding: 4px;
    background-color: red;
    color: #fff;
}

However, you’re images are not large enough to fit the columns hence the white space you have around them, in your current layout you will need that at least 540px wide.

Your footer meta needs to be set to include comments and date. And you will need to remove any custom functions you have added to remove the styling and layout of the meta.

[Author]

Posts