Gallery spacing

General discussions about WebYep
tonylees
Rank 2
Rank 2
Posts: 48
Joined: Sat Feb 07, 2009 11:40 pm

Gallery spacing

Postby tonylees » Wed Nov 05, 2014 10:00 pm

Hi all,

When displaying images in the gallery is it possible to add spacing between the cells?
Currently I have a border around everything which is ok but I now want to display the images in their own space.

Thanks
Tony

tonylees
Rank 2
Rank 2
Posts: 48
Joined: Sat Feb 07, 2009 11:40 pm

Re: Gallery spacing

Postby tonylees » Wed Nov 05, 2014 10:20 pm

Scrap that... found it!

.WebYepGalleryContainer{
border-spacing: 20px;
}

Cheers
Tony

roxannegrodriguez
Posts: 4
Joined: Fri Feb 19, 2016 7:41 am

Re: Gallery spacing

Postby roxannegrodriguez » Fri Feb 19, 2016 7:50 am

I have set a margin above and below the images in the slideshow to 0 (which they already are by default), and the margin on each side to 25px, creating a total of 50px of space between images. Once the margin was set on the example template, there was a nasty dark background behind them, showing as black bars between images. That didn’t fit the template, so I changed that with the background color. You can change out “white” to whatever color you’d like using HTML color names, hex codes, or rgb/rgba values.

willismramage
Posts: 4
Joined: Fri Feb 26, 2016 7:55 am

Re: Gallery spacing

Postby willismramage » Fri Feb 26, 2016 8:20 am

To change your gallery image spacing: Click your gallery the Editor. Click the Layouts icon . Drag the slider under Spacing to increase or decrease the spacing between images.


Return to “WebYep (english)”

Who is online

Users browsing this forum: No registered users and 2 guests