Center featured image

Doing margin: 0 auto; to the img tag may work.

I hope it helps.

Cheers ??

Hi, how do I do that?

I know how to edit code but I’m a complete newb lol

Thanks!

alex

at line 1565 of layout.css (i.e. under .small-preview img, .big-preview img) you can add this:

margin: 0 auto;

the final code would look like:

.small-preview img, .big-preview img {
    border-radius: 4px;
    display: block;
    margin: 0 auto; /* added margin here*/
    position: relative;
    z-index: 4;
}

But doing this may affect layout in other pages, so test it before final update.

Thanks

Hey, I made that change but no difference?

Alex

1-are you referring to the display on the SINGLE post?

2-are you using a paid theme?
it would be best to connect with the theme author/support team for advice on making changes effectively.

Yes, like the example I posted earlier in the thread, single post pages.

Yes it’s paid, I did email but have had no response yet.

Alex

https://imgur.com/BYUPKCb
Isn’t this what you’re trying to achieve. The change worked here. It may be loading old CSS from cache. Try hard refreshing (cltr + F5).

Thanks.

Yes, thank you very much I see now ??

Now I need to work out how to move the breadcrumbs below to centre as well!

Thanks

Alex

Try this:

.entry-content-wrapper {text-align:center}
.entry-content-header {display:inline-block}
.entry-content {text-align:start}