The powerful hero image

What settings can you regulate for the hero image?

1. Activate the hero image

Boost your webshop with an ultimate hero image. The eyecatcher that we all need in our life! Use this option to set it ‘on’ or ‘off’.

2. Desktop: Upload your hero image.

Upload your image here. Dimensions: 1380 × 415 pixels.

3. ‘Super’ hero image

You can also turn your hero image into a ‘super’ hero image, that extends it upwards, super cool. If you use ‘super hero image, then change your hero image desktop upload: 1900 × 575 pixels.

4. Super hero light text function (handy!)

Do you have a superhero image that you are going to use. Then it may be that it is darker. Or: you make it darker yourself with our color overlay functionality (see below) Turn this option on! All texts such as the menu, usp’s, etc. Then become white! You can still determine your hero text colors yourself. But of course this is a nice bonus.

5. Mobile: Hero image upload.

Every banner used on desktop, has an option to upload the mobile version. Use it please! Optimize your banners regarding loading time and design. Dimensions: 355 × 415 pixels.

6. Hero image Color overlay

Give your hero image a color overlay. Super fancy. This gives it a color effect, or just to make it more dark, so your text will be better visible.

Hero image Color overlay transparency

This is the transparency of the Color overlay on your hero image. Choose between 100 – 0 %.

7. Hero image text position

Depending on your image: where do you want your title and your text? Left, right or in the centre of your hero image? Play around with this and try things out.

8. Hero image title

What’s the title of your hero image? For enter use

9. Mobile: Hero image title (*new)

A mobile device is a lot smaller than a desktop. Fit your title in the screen. Shorten it! You can also change the titles now for mobile and desktop.

10. Hero image title color

This is the color of your title in your hero image.

11. Hero image text

This is the text that comes under the title.

12. Mobile: Hero image text

Also here: A mobile device is a lot smaller than a desktop. Fit your title in the screen. Shorten it!

13. Hero image text color

This is the color of your text in your hero image.

14. Hero image button text

What is going to be the text in your button?

15. Hero image button color

This is the color of the button in the hero image.

16. Hero image links to URL

Where should this hero image link to? Copy and paste a URL.

Feedback

Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Post Comment