...
e.g. rename Admissions and Records1600x255.PNG
to admissions-records.png
Place If your image is for a section, place your image file in your colleges branding section folder
docroot/sites/default/branding/sections
e.g. docroot/sites/default/branding/sections/admissions-records.png
If the image is for a program or an award page, place the image into its respective branding folder, create the folder if one doesn’t exist
e.g. docroot/sites/default/branding/programs/aviation.png
e.g. docroot/sites/default/branding/awards/airline-operations.png
Add the style
In your code editor, open
...
docroot/sites/default/themes/[site-dir]/partials/_branding.scss
...
Add a line for your section's image using the class name noted earlier
...
Code Block | ||
---|---|---|
| ||
/* Section */ #branding-img.admissions-records { background-image:url(#{$site_branding_path}/sections/admissions-records.png); } |
Save and recompile your college's SCSS folder
...
If using the Lando
...
development stack, you can use
lando gulp
...
Refresh your web browser
...
, you may need to clear Drupal caches
...
to see changes
Merge Changes to Pantheon
...