Why so many options in the gear editor menu?

[denvergeeks]

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:

.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
and Tiles Image Gallery - #68 by awesomerobot