# CSS code for space between thumbs

**URL:** <https://forums.realmacsoftware.com/t/css-code-for-space-between-thumbs/16998>\
**Category:** RapidWeaver Classic\
**Created:** [November 3, 2017, 8:26pm UTC](https://forums.realmacsoftware.com/t/css-code-for-space-between-thumbs/16998 "2017-11-03T20:26:49Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![TomM](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tomm/32/265_2.png) [@TomM](https://forums.realmacsoftware.com/u/TomM)\
**Post date:** [November 3, 2017, 8:26pm UTC](https://forums.realmacsoftware.com/t/css-code-for-space-between-thumbs/16998/1 "2017-11-03T20:26:49Z")

</div>

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](https://elixirgraphics.com/previews/Ruby/samples/photos/index.html)

Thanks.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [November 3, 2017, 9:38pm UTC](https://forums.realmacsoftware.com/t/css-code-for-space-between-thumbs/16998/3 "2017-11-03T21:38:11Z")

</div>

The default is 4px  
Try this:

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

```

You can adjust the value to what you want.

---

<div class="post-metadata">

**Author:** ![TomM](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tomm/32/265_2.png) [@TomM](https://forums.realmacsoftware.com/u/TomM)\
**Post date:** [November 3, 2017, 10:28pm UTC](https://forums.realmacsoftware.com/t/css-code-for-space-between-thumbs/16998/4 "2017-11-03T22:28:08Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [November 3, 2017, 10:31pm UTC](https://forums.realmacsoftware.com/t/css-code-for-space-between-thumbs/16998/5 "2017-11-03T22:31:55Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![TomM](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tomm/32/265_2.png) [@TomM](https://forums.realmacsoftware.com/u/TomM)\
**Post date:** [November 3, 2017, 10:56pm UTC](https://forums.realmacsoftware.com/t/css-code-for-space-between-thumbs/16998/6 "2017-11-03T22:56:35Z")

</div>

Great. Thank you for the help.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [November 9, 2017, 10:57pm UTC](https://forums.realmacsoftware.com/t/css-code-for-space-between-thumbs/16998/7 "2017-11-09T22:57:29Z")

</div>

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