10 Second Integration

A (very) fast integration guide

Webmin allows you to customize virtually all aspects quickly and easily.

This can be done via Webmin > Themes as well via digging into the base code.

Below is a simple, but useful integration you can use to quickly brand your service.

 

Below assumes you have a 130px by 30px logo located at youdomain.com/small-logo.png

Adjust as needed

 

1. Log into Webmin

2. Go to Webmin > Webmin Configuration > Webmin Themes > Theme extensions (at bottom of page).

3. Paste in below, subsituting your site colour and logo path.

 

.panel-default>.panel-heading {
color: #fff;
background-color: #4682b4;
border-color: #fff;
background-image: url("https://YourDomain.com/small-logo.png");
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 30px;

 

That's it - all headers for Webmin will now include your site colors and logo:

 

 

Up Next: Change Images

Changing Images