Ethercraft multi-line inventory
If you have a lot of inventory on ethercraft.io a problem you might run into is that not all of it can fit on the screen.
One way to solve this is by using custom CSS. This is a guide on how to accomplish that using a commonly available browser addon called Stylish.
NB: Customizing CSS can change the appearance of a website, not its function.
Install
Install the addon in your browser. You will know that you have succeeded when you see a small button appear in your browser similar to the one seen in the logo in the image above.
- Click on the ‘Stylish’-button
- Click on the three dots in the top right window that appear
- Click ‘Create New Style’
Four steps need to be taken on this page.
- Give the new style a unique name, e.g. ‘Ethercraft’.
- Copy-paste the following code into the code-section:
inventory-manager .inventory-content, [data-is=”inventory-manager”] .inventory-content { display: inline }
3. Change the ‘Applies to’-section to ‘URLs on the domain’, and specify ‘ethercraft.io’.
4. Make sure that you are looking at something that looks very similar to the following image:
5. Click ‘Save’.
That’s it! Now visit your inventory at ethercraft.io to ensure that it worked.