Web Campus Customizer Chrome Extension

change colors and backgrounds on UNR canvas webcampus..
Change colors and backgrounds of Canvas cards by using css styling on University of Nevada, Reno's (UNR) canvas (AKA webcampus).

Current Features:

- Only works with UNR Canvas at the time

- Edit each class card, can add any online picture or css styling including things like background images and fancy borders...

- toggle switch to enable or disable customization (Hit F5 or refresh page to take effect)

- Enable or disable the name for each individual card

Usage:

- To edit cards go to main canvas page and click the extension's icon on the upper right corner

- Select "Picture URL" for mode

- Add any picture URL

- select picture mode. This changes how picture fit into card

- Click save to save

- Refresh page or press F5

- To enable/disable effects of extension use master toggle switch located in popup menu

- "Reset back" button will revert text boxes to last saved state, if any changes are saved then they can not be reverted

###### ADVANCE CSS Styling ######

Tutorial: https://youtu.be/1UrMNg-ikZk

Usage:

- To edit cards go to main Canvas page and click the extension's icon on the upper right corner

- Select "Custom CSS" for mode

- Add any CSS styling to any of the cards as desired, then click save to save

- Refresh page or press F5 to refresh page

Template (Good starting point):

background-size: cover; background-image: url("");

Just place the URL of the image you want inside the quotes and then paste the whole thing in the box for that class.

Download at https://gitlab.com/ignaciochg/web-campus-css-templates/raw/master/css-templates.txt

For a guide in css styling go to: https://www.w3schools.com/css/css_background.asp

If you are having problem with images fitting:

- use this https://www.w3schools.com/cssref/css3_pr_background-size.asp

- use background-size: 100% 100%;

- change the percentages as necessary

- make sure that the image has the correct aspect ratio or it will look bad

####################################

How to install Web Campus Customizer chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Web Campus Customizer Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Web Campus Customizer Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Web Campus Customizer in Chrome Webstore Search and click on the search button.
• Step 3: click on the Web Campus Customizer Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Web Campus Customizer extension for your Chrome Web browser .