Skip to content

How to make PfSense UI Wide

Very quick post about something that has been bugging me for quite some time now, only now just putting up the effort to look for a solution. I’ve found the default interface of PfSense to be rather narrow, which got particularly frustrating when managing Firewall rules because of text wrapping.

I found this lovely solution posted by totallyinnocenttiefling on the PfSense Forums, which is as simple as creating an additional CSS file in PfSense, and using that as a theme.

/*
 * pfSense-darkwide.css
 *
 */

@import url("/css/pfSense-dark.css");

@media (min-width: 1200px) {
    .container {
        width: 100% !important;
        padding-left: 4em;
        padding-right: 4em;
    }
}

This effectively inherits all properties from pfsense-dark.css but makes an adjustment to .container to be 100% width of the viewport, with some padding. Personally, I’ve adjusted this to about 80%.

Enjoy using vi lol, just look up a tutorial on how to use it and type carefully. Or find some method of transferring the file over SSH/SFTP.

Sharing the love!

Leave a Reply

Your email address will not be published. Required fields are marked *