Add a spacing between images in portfolio page

[grecoarch360]

Hello!
How i can add a spacing between images in single portolio page? By default the images are merged.
It’s possible with css code?
Thanks

[SeaTheme]

Hello,

Please login wp-admin, go to Appearance / Theme Options / Custom Css
Paste the style code to Custom Css:

.single-format-gallery .list-layout-inside {
  margin: 20px 0 0 20px;
}
.single-format-gallery .list-layout-col {
  margin: -20px 0 0 -20px;
}

Cheers!
Bwsm – uiueux.com

[grecoarch360]

Thanks! It works fine )))

[TheBeaverhead]

Hi,

Thanks for the CSS code, works as it should be on my page as well. I have a different problem tho as I cannot centre images in single portfolio page, it always goes either to left or right. Could you please help?

Best

[SeaTheme]

Hi, welcome, please leave the single portfolio page url you talked, I’ll check it.

[TheBeaverhead]

Hi, sample portfolio page: http://michiou.com/rue-des-renaudes/

Many thanks

[SeaTheme]

I checked your site, did you change the image width as 60%? The origin design is 100%
.gallery-images-img { width: 100%; }

I think maybe you want the image list more narrow?

Please login wp-admin, go to Appearance / Theme Options / Custom Css
Paste the style code to Custom Css:

.list-layout-inside .lightbox-item {
    display: block;
    text-align: center;
}

[TheBeaverhead]

Many thanks. Everything is centred now, so that’s cool. And yes, I’ve changed image width to 60% as I prefer to have smaller pics on this pages.

There’s another problem with main portfolio page (http://michiou.com/) as I cannot change the colour behind category titles (see attachment). Could you please direct me to the place where can I change it into the same colour as background?

[SeaTheme]

The color is from : Center / Schemes / Auxiliary Color, you could change it.
Or
You could use custom css only for this area:
.portfolio-standatd-tit-wrap:before { background-color: #EEEEEE; }
Off course, you can change the color value

[TheBeaverhead]

Thanks, first method works perfectly:)

Best

[alysiasimone]

hello – i’ve used this code to add space between the vertical rows in the porfolio images and it works well:
.single-format-gallery .list-layout-inside {
margin: 20px 0 0 20px;
}
.single-format-gallery .list-layout-col {
margin: -20px 0 0 -20px;
}

I now need to add the same space between the same portfolio images but in the horizontal rows. is there a code for that?

[SeaTheme]

Hi,

The CSS will work only for horizontal spacing:

.single-format-gallery .list-layout-inside {
margin-right:  20px;
}
.single-format-gallery .list-layout-col {
margin-right: -20px;
}

Regards

[alysiasimone]

thanks but this code does do anything. nothing has changed.. is there another way to add space between each horizontal row in gallery images on a post?

[Author]

Posts