YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Avatar michael.anlauf Support asked

Tutorial Widget Slideshow behind top section

Create a slideshow with media size set to auto. I advice using images at least 1600 px width.
Create a new section on top of the page and insert an text element and don't add any other elements there.
Give the section the ID "slideshow".
In the text element past the widget code like

[widgetkit id="1"]

and set to center.
Add to custom code / css.

#slideshow {position: fixed; top: 0; z-index: -10; width: 100%; height: 100%;}

Example can be seen here.
For the overlay create a new section below.
Depending on your content in the below sections you will maybe set the background of your elements to none.
You can also set the height of the slideshow to viewport. Also you are free to try a different widget like a slider.

Regards, Michael tucfoto
Slideshow design
Playground

  • Joomla
  • Tutorial
  • YOOtheme Pro

Edited

1 Answer

Know someone who can answer? Share a link to this question via email or twitter.