[Resolved] Text Padding for Meta Info

[Sean]

I’m trying to add padding (left/right) to just the text of the meta info on the homepage/blog indexes. Any way to do this? I’ve added an example image for reference.

Not as important, but is there a way to make the featured image being used curved at the edges as well? I’ve been using CSS in the post, but would like it for the featured images as well, this is the CSS I’m using:

.img-rounded {
    border-radius: 20px;
}

[Leo]

Hi there,

Sorry I checked the example image but not quite sure what I’m looking at?

Doesn’t look like there are special padding beside the meta to me.

Let me know what I’m missing 🙂

[Sean]

The author/date/excerpt/etc. The featured image is wider, while the text is indented by padding. Although if you go to the actual article, the content/text is back it’s normal state.

[Leo]

So you are referring to single posts?

If so try this CSS:

body.single .site.grid-container {
    max-width: 600px;
}

[Sean]

Not for the actual post itself. I only went want the text indented where the excerpt info is on the index page.

[Tom]

Try something like this:

.blog .inside-article > *:not(.post-image),
.archive .inside-article > *:not(.post-image) {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

[Sean]

And you’re a genius. It worked perfectly, tweaking it to my liking now.

I appreciate it!

[Tom]

Awesome, glad I could help! 🙂

[Author]

Posts