Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revision | |
| wiki:hero [2024/10/06 22:54] – Iain Hallam | wiki:hero [2025/01/12 18:45] (current) – Iain Hallam |
|---|
| |
| * **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. |
| |