Saturday, 07 May 2016 14:38

JSN-EasySlider

Written by

Prebuilt Slides

3 Sliders and Logo in 2 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.

Read 1320 times Last modified on Wednesday, 01 February 2017 14:08