CSS code for space between thumbs


(Tom Murray) #1

Looking for a bit of code to space the thumbs on a photo album page a little further apart.
Sides only.
I am using the Ruby theme.
Here is a sample page:
https://elixirgraphics.com/previews/Ruby/samples/photos/index.html

Thanks.


(Doug Bennett) #3

The default is 4px
Try this:

.thumbnail-wrap{
   margin-right: 10px;
    margin-bottom: 10px;
}

You can adjust the value to what you want.


(Tom Murray) #4

Thank you for both replies.
This appears to work.

.thumbnail-wrap{
margin-right: 10px;
}

I have a site with about 45 photo album pages.
Placing that code in Settings>Code>CSS applies it to all the photo album thumb pages.
Can I assume that the code is not adversely affecting the other non-photo album pages?


(Doug Bennett) #5

You should be fine as far as non-photo album pages. Your only overriding the default for items with a class name of .thumbnail-wrap.


(Tom Murray) #6

Great. Thank you for the help.


(system) #7

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.