Docs

[Philip W]

Hi,

I’d like to be able to center the images on my portfolio entries, along with the header. There’s a sharing/social box that I’d like center but only appear after the portfolio images. Is there a way I can do this with CSS?

Link to one of the portfolio entries:
http://mckennawoolley.com/portfolio-item/overcome/

Thanks!

[Rupok]

Hi there,

Thanks for writing in! You can align the image to center from the editor. If you are still looking for CSS, you can use this :

.single-x-portfolio .wp-caption.alignnone {
  margin: 0 auto;
}

Cheers!

[Philip W]

Hi,

That didn’t change anything.

When you talk about aligning the image in the center with the editor, are you talking about Cornerstone or something else?

I know how to center an image using Cornerstone on a blog post or page, but portfolio items can’t be edited with Cornerstone (at least I’m not seeing any option to). That’s where the difficulty is coming from. I don’t know how to center an image in a portfolio item.

[Rue Nel]

Hello There,

Thanks for updating in! To center everything in your portfolio items, you can add this under Custom > CSS in the Customizer.

.single-x-portfolio .x-portfolio .entry-info,
.single-x-portfolio .x-portfolio .entry-extra {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

http://prntscr.com/e0xjdt

Hope this helps. Please let us know how it goes.

[Author]

Posts