Topic: Add a spacing between images in portfolio page « SeaTheme

Tagged: portfolio images spacing

This topic has 12 replies, 4 voices, and was last updated 5 years, 6 months ago by alysiasimone.

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
March 10, 2016 at 6:06 am #10138

grecoarch360
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

March 10, 2016 at 1:52 pm #10139
SeaTheme
Keymaster

Purchased
Expired
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
WordPress Customization Service from $49 Only! Save your expensive time!

March 10, 2016 at 7:33 pm #10140

grecoarch360
Participant

Purchased
Expired

Thanks! It works fine )))

WordPress Customization Service from $49 Only! Save your expensive time!

November 11, 2016 at 10:24 am #11397

TheBeaverhead
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

November 14, 2016 at 1:55 am #11402

SeaTheme
Keymaster

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

November 14, 2016 at 12:14 pm #11404

TheBeaverhead
Participant

Purchased
Expired

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

Many thanks

WordPress Customization Service from $49 Only! Save your expensive time!

November 15, 2016 at 1:41 am #11408
SeaTheme
Keymaster

Purchased
Expired
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;
}
```
WordPress Customization Service from $49 Only! Save your expensive time!

November 19, 2016 at 12:40 pm #11432

TheBeaverhead
Participant

Purchased
Expired

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?

WordPress Customization Service from $49 Only! Save your expensive time!

November 19, 2016 at 2:05 pm #11438

SeaTheme
Keymaster

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

November 20, 2016 at 12:46 pm #11440

TheBeaverhead
Participant

Purchased
Expired

Thanks, first method works perfectly:)

Best

WordPress Customization Service from $49 Only! Save your expensive time!

December 13, 2020 at 2:27 pm #23372

alysiasimone
Participant

Purchased
Expired

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?

WordPress Customization Service from $49 Only! Save your expensive time!

December 14, 2020 at 1:29 am #23376
SeaTheme
Keymaster

Purchased
Expired
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
WordPress Customization Service from $49 Only! Save your expensive time!

December 14, 2020 at 1:40 am #23380

alysiasimone
Participant

Purchased
Expired

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?

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.