# Why so many options in the gear editor menu?

**URL:** https://meta.discourse.org/t/why-so-many-options-in-the-gear-editor-menu/239497
**Category:** UX
**Created:** [September 20, 2022, 2:12am UTC](https://meta.discourse.org/t/why-so-many-options-in-the-gear-editor-menu/239497 "2022-09-20T02:12:37Z")
**Posts on this page:** 1
**Showing post:** 6

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [September 24, 2022, 5:15am UTC](https://meta.discourse.org/t/why-so-many-options-in-the-gear-editor-menu/239497/6 "2022-09-24T05:15:55Z")

</div>

I’m having the same issue.

Until/when/if there is a UI to provide more options for the layout of the composer / editor buttons, @awesomerobot provided some CSS examples to rearrange them, and it does work.

Thank you Kris !!!

> [@](#):
>
> To rearrange the buttons this CSS can be added to your theme:
> 
> ```plaintext
> .d-editor-button-bar {
> button:nth-of-type(n+7) { // Button which is 8th in order, and gear drop-down
> 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 8th 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.

Kris also suggests that it might be best to add this as a theme component, so it’s separate from your current theme.

How to do that:

1. go to `admin>customize>themes` then click `new`
2. name it something like “Tiles button order”, select “component” from the dropdown, click create
3. Then you can click `Edit CSS/HTML`, copy & paste the CSS above to `common > css`

Now the component is created and you need to add it to your current theme

1. go back to the previous page, then switch from the components tab to the themes tab
2. select your currently active theme (it’ll have a green check mark)
3. within the theme settings here there’s a `Theme Components` section, find your new component from the dropdown and then click “add”
4. 🎉 Now when you return to your forum homepage and refresh, it should be active.

From [Tiles Image Gallery - #66 by awesomerobot](https://meta.discourse.org/t/tiles-image-gallery/81950/66)  
and [Tiles Image Gallery - #68 by awesomerobot](https://meta.discourse.org/t/tiles-image-gallery/81950/68)

---

_[View the full topic](https://meta.discourse.org/t/why-so-many-options-in-the-gear-editor-menu/239497)._