Hero Image
The decorative full-width image above the green Fusion & Hours box.
Component
What it Looks Like
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Homepage — Hero Image --> | |
| <div class="hero-image-container"> | |
| <div class="hero-image"> | |
| </div> | |
| </div> |
Usage
- Purpose — The hero image is decorative and gives Gleeson Library a sense of place.
- Layout — The full-width display of the hero image is controlled by the LIVE Homepage Template.
- Image Source — The hero image is identified in the CSS rather than the HTML. Any changes to the hero image must be done in the gleeson-libguides.css file.
Editing/Updating the Component
Always use a code editor to edit the HTML. Always paste your edits into the HTML Source box.
- Test Your Edits on the Staging Homepage — Use the staging version of our homepage to make sure your edits will display properly.
- Group: Staging
- Guide name: Gleeson Library | Geschke Center — STAGING
- Admin URL: https://usfca.libapps.com/libguides/admin_c.php?g=1275885&p=9361103
- Public URL: https://library.usfca.edu/staging
- Public access: Only LibGuides account holders can access the staging version of the homepage
- Publish Your Edits on the Live Homepage — Once you have thoroughly tested your edits on the staging homepage, publish your edits on the live homepage.
- Group: Homepage
- Guide name: Gleeson Library | Geschke Center
- Admin URL: https://usfca.libapps.com/libguides/admin_c.php?g=1246496&p=9121669
- Public URL: https://library.usfca.edu/
- Public access: Everyone can access the homepage.