Design Help with Cloneamental
Permalink
Hello!
I've been trying to find a way to have a background image on the home page only. I'd like to do something similar tohttp://www.optimizely.com. I like that background image, the large text, and call to action buttons. It's also pretty nice that the image will change based on the time of day.
Can anyone recommend an add on that can help me accomplish this?
Thank you
I've been trying to find a way to have a background image on the home page only. I'd like to do something similar tohttp://www.optimizely.com. I like that background image, the large text, and call to action buttons. It's also pretty nice that the image will change based on the time of day.
Can anyone recommend an add on that can help me accomplish this?
Thank you
If you search the marketplace for 'background', there are several addons that do variations this. At least one is free.
Hi webpros,
I am not aware of an add-on that does what you are looking for.
It can be done in several ways, like a custom block or custom code in your page template. The custom block could have image/file selectors for your time of day images and a text input for a CSS selector for where you want to add the background image. The page template custom code could use image/file page attributes for selecting the time of day images.
Both approaches would need JavaScript and/or PHP to get the user timezone, and calculated local time, to display the appropriate time of day background image.
The background image itself would be added to the page using standard CSS.
I am not aware of an add-on that does what you are looking for.
It can be done in several ways, like a custom block or custom code in your page template. The custom block could have image/file selectors for your time of day images and a text input for a CSS selector for where you want to add the background image. The page template custom code could use image/file page attributes for selecting the time of day images.
Both approaches would need JavaScript and/or PHP to get the user timezone, and calculated local time, to display the appropriate time of day background image.
The background image itself would be added to the page using standard CSS.
