# Tiles Image Gallery

**URL:** https://meta.discourse.org/t/tiles-image-gallery/81950
**Category:** Theme component
**Tags:** deprecated
**Created:** [March 2, 2018, 6:56am UTC](https://meta.discourse.org/t/tiles-image-gallery/81950 "2018-03-02T06:56:34Z")
**Posts on this page:** 1
**Showing post:** 66

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [November 14, 2018, 2:04am UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/66 "2018-11-14T02:04:38Z")

</div>

We already moved the toolbar to flexbox when we redid the composer 🧙 — so @Caroline_Early, to rearrange the buttons this CSS can be added to your theme:

```CSS
.d-editor-button-bar {
  button:nth-of-type(n+7),
  div:nth-of-type(n+2) { // Tiles button, divider, and gear dropdown
    order: 2;
  }

  button.upload { // Place upload button before above elements
    order: 1;
  } 
}

```

What this is doing:

By default `order` is set to `0`.

Adding `order: 2` to the tile button and all elements after it means they’ll be placed after anything with a lower `order`. Since they all share the same `order` value, they’ll fall back to the sequence of appearance in the HTML.

Adding `order: 1` puts the upload button before everything with `order: 2` and after everything with the default `order: 0`. So this puts it to the left of the tile button instead of the right.

---

_[View the full topic](https://meta.discourse.org/t/tiles-image-gallery/81950)._