Docs

[Dariya]

Hi Team,

I have tried the codes below that I found in the forum here, in order to make my featured post image centered, but none of them work:

1:
.single .entry-featured {
position: static;
padding: 0;
width: 400px;
float: top;
margin: 20px 20px 20px 0;

}
.single .entry-featured {
margin: 20px auto;
}

2:
img.attachment-entry.wp-post-image {
display: block;
margin: 0 auto;
width: 61%;
}

3:
.single-post .entry-thumb {
left: 50%;
}

4:
.entry-featured {
text-align: center;
}

5:
.single .entry-featured img {
display: block;
margin: 0 auto;
width: 80%; /* change this */
}

I would like all of my featured posts images to be in the center instead of on the left side (example attached).
P.S. My theme is Ethos.

Thanks so much in advance!!

[Dariya]

This reply has been marked as private.

[Dariya]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code:

@media (min-width: 969px) {
.entry-featured {
      margin-left: 3% !important;
}}

Hope that helps

Joao

[Dariya]

Thanks! Nope that didn’t work – all images are still on the left side. 🙁

[Friech]

Hi There,

Please add this code instead:

.single-post .entry-thumb {text-align: center;}

But first, please resolve this block. This CSS block is missing a closing bracket.

@media (max-width: 979px) {
.masthead-inline .x-btn-navbar {
display: none;
}

P.S. You’re using an X|Theme and Ethos is a stack 🙂

Hope it helps, Cheers!

[Dariya]

Yep, now that worked! 😀

Thanks so much Friech, you’re amazing!!

[Joao]

Glad to hear we managed to help,

Joao

[Author]

Posts