Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Ramblings

For the Ishimoto Template, how can I create spaces between each gallery image?

Recommended Posts

The available tweaks do not offer any option to create space between images. Instead, the only option is to have all images touching one another, which causes a strange look when images are of different shades of the same color. Is there any way to create spaces between these images?

Thank you for any and all help!

Share this post


Link to post

Hi @Ramblings

Paste this in Design > Custom CSS:

.collection-type-gallery .sqs-active-slide img {
             border-left: 20px solid;
             border-right: 20px solid;
             border-color: #ffffff !important;
 }  

 

Magne

Share this post


Link to post

@Ramblings

If you don't want space to the left of the first image and to the right of the last image in the gallery, you can add this:

.slide:first-child img {
             border-left: none !important;
}
.slide:last-child img {
             border-right: none !important;
}

 

Magne

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...