Web Campus Customizer

Download 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
####################################