Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| wiki:hero [2022/12/11 22:49] – Iain Hallam | wiki:hero [2025/01/12 18:45] (current) – Iain Hallam |
|---|
| ^Start date^End date ^Page^ | ^Start date^End date ^Page^ |
| |n/a |n/a |[[:wiki:hero:example]]| | |n/a |n/a |[[:wiki:hero:example]]| |
| |2022-12-12|2023-01-10|[[:wiki:hero:2023-01-10_new-singers]]| | |2024-10-01|2024-12-31|[[:wiki:hero:2024_fundraising]]| |
| | |2023-05-29|2024-05-25|[[:wiki:hero:2023-05-29_mixed-champions]]| |
| | |2022-12-11|2023-01-10|[[:wiki:hero:2023-01-10_new-singers]]| |
| | | |[[:wiki:hero:default]]| | | | |[[:wiki:hero:default]]| |
| |
| |
| * **background-image**: A CSS image source like ''url('https://mysite/path/to/image.jpg')''. The image is resized to make sure it covers the hero area, and centred; make sure that the parts you want to be the focus of attention are on the horizontal mid-point of the image. The position of text in an image is difficult to predict, so use the HTML for that -- the best images are simple backgrounds or photographs, that you can put text on top of (using a semi-transparent background if there's lots of variability in the image contrast). | * **background-image**: A CSS image source like ''url('https://mysite/path/to/image.jpg')''. The image is resized to make sure it covers the hero area, and centred; make sure that the parts you want to be the focus of attention are on the horizontal mid-point of the image. The position of text in an image is difficult to predict, so use the HTML for that -- the best images are simple backgrounds or photographs, that you can put text on top of (using a semi-transparent background if there's lots of variability in the image contrast). |
| | |
| | By default, images from ''[[https://www.bristolacappella.co.uk/home?do=media&ns=hero%3Adefault|/hero/default]]'' will be used. |
| |