Navigation Image module
- Johannes Laatu (Deactivated)
- Madzy Soetman
With a Navigation Image module, you can add an image that directs the user to another page when clicked. It is similar to Navigation Icon module, without the option to add text.
You can add this module to homes on your Refined sites.
Settings
Parameter | Description |
|---|---|
Image type |
|
Title | Add a title to each image. |
Monochromatic | Turn the image into grayscale. |
Image appearance | Crop the image into a circle, square or rectangle, or keep the original dimensions. See below for recommended image sizes. |
Link URL | When you enter a URL, the whole block of content becomes clickable. If you'd like to link to an external site, use an http or https prefix. |
New window | Select to open the link in a new browser window/tab. |
Image size | Choose extra small, small, medium or large. |
When you add an image or icon, Refined crops it to fit the designated area. To make sure the images on your sites are of the highest quality, we recommend the following image sizes.
Circle & square
Setting | Recommended image size |
|---|---|
x-small | 50x50 px |
small | 100x100 px |
medium | 150x150 px |
large | 200x200 px |
Rectangle
Setting | Recommended image size |
|---|---|
x-small | 30x50 px |
small | 60x100 px |
medium | 90x150 px |
large | 120x200 px |
Original
Setting | Recommended image size |
|---|---|
x-small | width 50 px (height adjusts automatically) |
small | width 100 px (height adjusts automatically) |
medium | width 150 px (height adjusts automatically) |
large | width 200 px (height adjusts automatically) |
Â