[Resolved] how to put spacing on photo blog Exhibit theme

[architectureonscreen]

Hi, I wanted my photos to align with the title on my blog, but I don’t know how because the photo does not move along the title or the text content when I edit the Element Spacing, I can only change its position in Blog Customize to left/center/right, but no space.
Thanks

[Tom]

Hi there,

I’m not sure what you mean? Can you possibly explain a little more?

Thanks!

[architectureonscreen]

Here’s how it looks like http://www.architectureonscreen.com/, the image on my post is way on the left without space. How can I make it align with the Title blog? thanks

[Tom]

Ah, the Exhibit theme bumps the images up next to the container.

To counter this, add this to a custom CSS plugin:

.separate-containers .post-image, .separate-containers .inside-article .page-header-image-single, .separate-containers .inside-article .page-header-image, .separate-containers .inside-article .page-header-content-single, .no-sidebar .inside-article .page-header-image-single, .no-sidebar .inside-article .page-header-image, article .inside-article .page-header-post-image {
    margin: 2em 2em 2em 0;
}

[architectureonscreen]

Thank you so much!!! it now looks exactly how I want it…again, thanks! 🙂

[Tom]

No problem! 🙂

[architectureonscreen]

It was good on my home page, but when I open the post, now the pictures are extended to the right. I just found out later. Is it because of the CSS? How can I put the image back inside the contained area? thanks

[Tom]

That’s actually because of a plugin you’re using.

You can fix it with this:

.pibfi_pinterest {
      max-width: 100%;
}

[architectureonscreen]

You’re a life saver! Thank you so much! 🙂

[Tom]

You’re welcome! 🙂

[Author]

Posts