Docs

[kshiba]

Hello,

I’d like to change the width of a single portfolio item image. Most of my portfolio images are horizontal, but for the vertical images the length is too long for the page. Can you tell me how to change the CSS to shrink the image sizes for only the portfolio images I choose?

Thank you!

[Prasant Rai]

Hello There,

Thanks for writing in!

Could you please provide us with your website URL so we can take a closer look?

Thanks.

[kshiba]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for the credentials. Your website throwing a fatal error and it’s not accessible – http://prntscr.com/drp6w7

Kindly remove the maintenance plugin you are using from FTP. We have an under construction extension that you can use from X Addons menu.

Cheers!

[kshiba]

This reply has been marked as private.

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[kshiba]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing back. I guess here is one portfolio item where you are having long image – http://rumihashimoto.com/portfolio/light-within-1/

For this one, you can use CSS like this under Custom > CSS in the Customizer.

.x-portfolio.post-520 .entry-thumb img {
  min-width: auto;
}

Hope this helps.

Cheers!

[kshiba]

Thank you. The size works well now. However, the image is left justified with a large white space behind it. How can I center the image and remove the white space?

Thank you!

[kshiba]

This reply has been marked as private.

[Jade]

Hi there,

Would you mind reattaching the screenshot as it didn’t go through.

Thank you.

[kshiba]

This reply has been marked as private.

[Paul R]

Hi,

You can try this code instead.

.single-x-portfolio .entry-featured {
     width: auto;
     display: inline-block;
     margin: 0 auto;
}

.single-x-portfolio .entry-content.content {
   text-align:left;
}

.single-x-portfolio .hentry .entry-wrap {
   text-align:center;
}

Hope that helps.

[kshiba]

Hello and thank you again for your time.
Unfortunately, this doesn’t work. The image size doesn’t change.

Could you provide me with a different solution?
Thank you!

[Jade]

Hi there,

Please add this code:

.x-portfolio .entry-featured {
    background-color: transparent;
    width: auto;
    border: 0;
}

.x-portfolio .entry-thumb {
    width: auto;
    display: inline-block;
    padding: 7px;
    border: 1px solid rgba(0,0,0,0.075);
}

Hope this helps.

[Author]

Posts