Web Campus Customizer

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