Prebuilt Slides
This slider is comprised of 2 slides using the same layout you can see above. Dont forget to chase the file loctions as needed. Download here.
General
/* EasySlider Backgroun Rounded Corners */ .jsn-es-background.slide-background { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
/* Rounded Corners - Remove the coloured background */ #jsn-promo { background-color: transparent; }
Notes
Copy Objects between layers (desktop, laptop, etc)
you can copy and paste between layers, sort of.
when you copy and paste, within a slide the process is not layer aware. What this means is that no matter what layer you are on the paste operation will place the copied object in the slide and it is the layer visibility that allows you to show the object on a specific layer. All objects are present on every layer they just might not be visibly.
so before copying an object, select visible on all layers and then paste. Edit the visibility as needed and you are done
Other notes
- If you only do the desktop version then the text slidy things automatically resize
Main-Slider Ideal Settings
When the desktop width is 1170px
default image locations and sizes
-
images/modules/main-easyslider/logo.png (122 x 56)
-
images/modules/main-easyslider/slide1-background.jpg (1280 x 720)
-
images/modules/main-easyslider/slide2-background.jpg (1280 x 720)
Add the other recommend sizes to keep ratio, perhaps look at that dark image article.