Last week, we posted instructions for how to override the default (two-column) view of the “All Pages” page for your Backpack account using the Chrome browser. Today we are adding details for achieving
the same view in Firefox.
Single-column Layout
Firefox
Step 1:
From the Firefox browser, find the “Stylish” extension here and “Add to Firefox”.
Step 2:
Click the “Install Now” button in the dialog box that appears.
Step 3:
After the Add-on has been installed, locate it via the Tools > Add-ons menu.
Step 4:
Click the “User Styles” icon at the top of the dialog box and then select the “Write New Style” button in the lower, right-hand corner.
Step 5:
- Give your new style a meaningful name (e.g. “backpackSingleColumn”)
- Paste the following code into the large text box below the “Insert” button:
@-moz-document domain("backpackit.com");
body.pages div#Main div.pages dl.pages dd {
float: none !important;
width: auto !important;
}
- Hit the “Save” button
Step 6:
Reload your backpack “All Pages” page. You should have single-column layout.
Notes:
There is some documentation online for how to specify customize Stylish (e.g., specify particular URLs to apply your user styles to, etc.). I found the documentation using my favorite search engine. Also, please consider making a donation to the author of the “Stylish” Add-on.