Title: alignment settings
Last modified: September 1, 2016

---

# alignment settings

 *  [nparsons75](https://wordpress.org/support/users/nparsons75/)
 * (@nparsons75)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/alignment-settings/)
 * I have installed foogallery along with the album extension. When I add them to
   the page each album shows underneath the next. Is there a way in the editor I
   can set the albums to be side by side?
 * example
    [http://www.parkwyddnjfc.uk/gallery-2/](http://www.parkwyddnjfc.uk/gallery-2/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/alignment-settings/#post-7631306)
 * Hi nparsons. Give this a try:
 * 1. Remove the nbsp; code between the galleries.
 * 2. Add this to your custom CSS:
 *     ```
       /* galleries in 2 columns */
       div[id^="foogallery-album-"] {
           width: 50%;
           float: left;
       }
   
       /* galleries 1 column on mobile */
       @media screen and (max-width: 919px) {
           div[id^="foogallery-album-"] {
             width: 100%;
           }
       }
       ```
   
 * Since each gallery container has a common id with a unique numeric suffix we 
   can use an element attribute to target them all. The above CSS finds any <div
   > element with an “id” attribute that has a name beginning with “foogallery-album-“.
 *  Thread Starter [nparsons75](https://wordpress.org/support/users/nparsons75/)
 * (@nparsons75)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/alignment-settings/#post-7631317)
 * Hi, thanks for the help. I can’t see the nbsp; as the gallery uses shortcodes.
   This is what I see.
 * [foogallery-album id=”497″]  [foogallery-album id=”496″]
 * I have just added the code and it seemed to work, kind of. The albums are side
   by side but not aligned horizontally?
 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/alignment-settings/#post-7631327)
 * It’s due to the non-breaking space code. Can you see it in the Text (not Visual)
   editor?
 *  Thread Starter [nparsons75](https://wordpress.org/support/users/nparsons75/)
 * (@nparsons75)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/alignment-settings/#post-7631328)
 * No, I have looked in visual and text, but cannot see the nbsc! For some reason…
 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/alignment-settings/#post-7631340)
 * > [foogallery-album id=”497″] [foogallery-album id=”496″]
 * What if you remove the space between the two shortcodes?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘alignment settings’ is closed to new replies.

## Tags

 * [editor](https://wordpress.org/support/topic-tag/editor/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 2 participants
 * Last reply from: [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/alignment-settings/#post-7631340)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics