Help

Installing/Uninstalling/Creating/Edit/.etc

About

Ever since I added my videos:
September 19, 2014 How to make a custom theme with userstyles stylish (Basics) to 
March 19, 2017  How to make a custom theme with stylus for userstyles (Basics)

I have got a lot of questions and my goal of this page is to try and answer all the questions and try to clear up everything to help all, if not "everyone" out on Installing/Uninstalling/Creating/Edit/.etc


Most of everything is explained in the videos.  This one explains everything...
But lets be honest, people are impatient and will not sit though a whole video to understand everything and would rather ask questions and wait for hours before getting an answer or never getting one......You know who you are... 😔

But for the ones who do watch them, do understand what is simply laid out clear and simple to follow.
If you haven't seen the video I ⚠HIGHLY RECOMMEND WATCHING IT NOW⚠

If not, Lets get started...😉

Watch Me

Download

Download One Of These Editors For Your Supported Browser

Firefox Stylish

Chrome Stylish

Opera Stylish

Firefox Stylus

Chrome Stylus

Opera Stylus

Before Starting, install one of the editors above first.

Installing Styles

For: Firefox/Chrome/Opera

  1. Go to: https://userstyles.org/ and locate the theme you want.
  2. On the theme page: Click (Install Style) NOTE: If you see (Install with Stylish) you can install it, but I RECOMMEND Stylus instead. (Your choice) Stylus install found above.
  3. Check the site the theme is installed for.  If it's not working you can try to install the style manually.

Manually Installing Styles For Stylish

Firefox:

  1. On theme page click (Show CSS Code)
  2. Copy all code
  3. Click on stylish icon / Write new style / Blank style
  4. Paste code
  5. Give it a name "NAME OF THEME" from Userstyles.org
  6. Click (Save)

Chrome:

  1. On theme page click (Show CSS Code)
  2. Copy all code
  3. "Right Click" Stylish at the top right on the bar and click (Options)
    Or copy and paste this into the the address bar and hit enter:
    chrome-extension://fjnbnpbmkenffdnngjfgmeleoegfcffe/manage.html
  4. In Manage, Click (Write new style)
  5. Click (Import) 
  6. Paste the code you copied from the theme
  7. Click (Overwrite style)
  8.  Give it a name "NAME OF THEME" from Userstyles.org
  9. Save

Opera:

Not possible in this version...

Manually Installing Styles For Stylus

Firefox:

  1. On theme page click (Show CSS Code)
  2. Copy all code
  3. Click on stylus icon / Click (Manage)
  4. In Manage, Click (Write new style)
  5. Click (Import) 
  6. Paste the code you copied from the theme
  7. Click (Overwrite style)
  8.  Give it a name "NAME OF THEME" from Userstyles.org
  9. Save

Chrome:

  1. On theme page click (Show CSS Code)
  2. Copy all code
  3. "Right Click" Stylish at the top right on the bar and click (Open styles manager)
    Or copy and paste this into the the address bar and hit enter:
    chrome-extension://clngdbkpkpeebahjckkjfobafhncgmne/manage.html 
  4. In Manage, Click (Write new style)
  5. Click (Import) 
  6. Paste the code you copied from the theme
  7. Click (Overwrite style)
  8.  Give it a name "NAME OF THEME" from Userstyles.org
  9. Save

Opera:

  1. On theme page click (Show CSS Code)
  2. Copy all code
  3. Click Stylus icon at the top right on the bar and click (Manage)
  4. In Manage, Click (Write new style)
  5. Click (Import) 
  6. Paste the code you copied from the theme
  7. Click (Overwrite style)
  8. Give it a name "NAME OF THEME" from Userstyles.org
  9. Save

Uninstalling Styles

Uninstalling Styles For Stylish

Firefox:

  1. Click on Stylish icon and click (Manage styles)
  2. Disable or Remove

Chrome:

  1. "Right Click" Stylish icon at the top right on the bar and click (Options)
  2. Deactivate or Delete

Opera:

  1. Click Stylish icon at the top right and click (Manage installed styles)
  2. Disable or Delete

Uninstalling Styles For Stylus

Firefox:

  1. Click on Stylus icon and click (Manage)
  2. Uncheck to Disable or (X) to Delete

Chrome:

  1. "Click" Stylus icon at the top right on the bar and click (Manage)
  2. Uncheck to Disable or (X) to Delete

Opera:

  1. Click Stylus icon at the top right and click (Manage)
  2. Uncheck to Disable or (X) to Delete

Backup/Export or Import Styles

  • Export lets you copy "all installed" styles and you can import them to Stylish / Stylus or another 3rd party editor. 
  • Import lets you import exported styles from backups you saved for from another editor like: Stylish / Stylus or another 3rd party editor. 

Backup/Export Styles For Stylish

Firefox:

  1. Click on Stylish icon and click (Manage styles)
  2. Click (Export styles) or (Import styles)

Chrome:

  1. "Right Click" Stylish icon at the top right on the bar and click (Options)
  2. Click (Backup all Installed) or (Retrieve Backup)

Opera:

Not possible in this version...

Backup/Export Styles For Stylus

Firefox:

  1. Click on Stylus icon and click (Manage)
  2. Click (Export styles) or (Import styles)

Chrome:

  1. "Click" Stylus icon at the top right on the bar and click (Manage)
  2. Click (Export styles) or (Import styles)

Opera:

  1. Click Stylus icon at the top right and click (Manage)
  2. Click (Export styles) or (Import styles)

Uninstalling/Installing

  • Installing is simple.  Find the browser you're using ,and click the blue (Download) button from the top of the page.
  • If you not sure what browser you're using. you can find out from my Search engine here: http://searchthat.net/toolsbrowserinfo.html
    The top will tell you what browser. 

Uninstalling Stylish

Firefox:

  1. Click on the hamburger icon at the top right and click on (Add-ons)
    Or copy and paste this into the address bar and press (Enter) key: about:addons
  2. Click (Extensions) tab
  3. "Disable" or "Remove" Stylish 

Chrome:

  1. Click the three vertical dots at the top right
  2. Hover over (More tools) Click (Extensions) 
    Or copy and paste this into the address bar and press (Enter) key: chrome://extensions/
  3. Uncheck Stylish to disable or "Trash" to delete.

Opera:

  1. Click (Menu)
  2. Hover over (Extensions) Click (Manage extensions) 
  3. Disable or (X) to delete

Uninstalling Stylus

Firefox:

  1. Click on the hamburger icon at the top right and click on (Add-ons)
    Or copy and paste this into the address bar and press (Enter) key: about:addons
  2. Click (Extensions) tab
  3. "Disable" or "Remove" Stylus

Chrome:

  1. Click the three vertical dots at the top right
  2. Hover over (More tools) Click (Extensions) 
    Or copy and paste this into the address bar and press (Enter) key: chrome://extensions/
  3. Uncheck Stylus to disable or "Trash" to delete.

Opera:

  1. Click (Menu)
  2. Hover over (Extensions) Click (Manage extensions) 
  3. Disable or (X) to delete

Editing Styles

How to enter edit mode on styles you want to work with.

Edit Styles For Stylish

Firefox:

  1. Click on Stylish icon and click (Manage styles)
  2. Click (Edit) on the theme you want to edit.

Chrome:

  1. "Right Click" Stylish icon at the top right on the bar and click (Options)
  2. Click (Edit) on the theme you want to edit.

Opera:

  1. Click Stylish icon at the top right and click (Manage installed styles)
  2. Click (Edit) on the theme you want to edit.

Edit Styles For Stylus

Firefox:

  1. Click on Stylus icon and click (Manage)
  2. Click on the name of the theme you want to edit or uncheck (New manage UI layout) then Click (Edit) on the theme you want to edit.

Chrome:

  1. "Click" Stylus icon at the top right on the bar and click (Manage)
  2. Click on the name of the theme you want to edit or uncheck (New manage UI layout) then Click (Edit) on the theme you want to edit.

Opera:

  1. Click Stylus icon at the top right and click (Manage)
  2. Click on the name of the theme you want to edit or uncheck (New manage UI layout) then Click (Edit) on the theme you want to edit.

Write New Style

How to enter write new style mode to create a new style.

Write Styles For Stylish

Firefox:

  1. Click on Stylish icon and click (Manage styles)
  2. Click (Write new style)

Chrome:

  1. "Right Click" Stylish icon at the top right on the bar and click (Options)
  2. Click (Write new style)

Opera:

  1. Click Stylish icon at the top right and click (Manage installed styles)
  2. Click (Write new style)

Write Styles For Stylus

Firefox:

  1. Click on Stylus icon and click (Manage)
  2. Click (Write new style)

Chrome:

  1. "Click" Stylus icon at the top right on the bar and click (Manage)
  2. Click (Write new style)

Opera:

  1. Click Stylus icon at the top right and click (Manage)
  2. Click (Write new style)

Leave Comment

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