IMAGES
Learn how to overlay images with text and buttons. This is a great way to display captions or relevant text on an image without having to manually design it using Photoshop or other similar software.
How to display images on your website
You have two image widgets available to choose from with the Sporty CMS platform. Here we will focus on the image slideshow widget and how you can achieve a great looking overlay with text and buttons.
1. Choose the image that you want to display. We recommend selecting an image which is going to both complement your website and stick to general design rules (as mentioned on our background page). Because monitors are landscape in layout, the majority of the time we are going to want to select an image with the same orientation. Make sure it's clear by using a high resolution image.
2. Have your text ready to display over the image. It's usually best to keep it relatively simple - for example, just a header and a short sentence or two worth of content. Using native text helps Google pick up on your website's information, increasing your site's reach.
3. Decide on a CTA (button or link). For example, "CLICK HERE" and then the page, website, document, or email address you want this to link out to.
Now, we can combine these elements.
1. Select the Photo Slideshow widget
2. Choose and upload your image
3. Click on the settings icon
4. Edit your image settings
5. For this example, these would be the defined settings
6. Admire the final result
Added extras
We have added another few features to the image slideshow layout which are highlighted below.
Layout settings
A new layout is the 'Use Image Proportions' option. This takes the native dimensions of your image and uses these when displaying it, instead of scaling or cropping your image (as may happen with the preset layouts).
User controls
Another new addition is the ability to set user controls on slideshows which have more than one image. You can now change the visibility of progress dots (these display at the bottom of the images) and left and right navigation arrows.
Free helpdesk for subscribing clients
0800 777 876 (PIN required)
Free support for all administrators: [email protected]