Customize Shoporama admin

In Shoporama, you can customize the look of your admin backend with your own stylesheet. This is useful if you want to hide elements, change colors or highlight certain buttons.

To add your own stylesheet

1. Click Company in the menu
2. Click on "Custom stylesheet"
3. Enter your CSS code in the text field
4. Click Save

Examples of customizations

Here are some examples of what you can change:

Change the color of the left menu:

.drawer-light .drawer-menu .nav-link { color: #000 !important; }

Hide a specific element:

.element-class { display: none !important; }

Highlight a button with a different color:

.btn-custom { background-color: #e74c3c !important; border-color: #e74c3c !important; }

What can you change?

With CSS you can typically change:

• Colors - background, text, buttons
• Fonts - font type and size
• Visibility - hide elements you don't use
• Layout - widths, margins, padding

How to find the right CSS selector

To change a specific element, find its class or ID:

1. Right-click on the element in your browser
2. Select "Inspect element" (Inspect)
3. Find the element's class (e.g. class="nav-link")
4. Use the class as a CSS selector in your stylesheet

Do you need help? Ask in our help forum on Facebook.