A Tool for Creating Sliders

silvine

Hi,

I need to create some sliders for the homepage of my Wordpress site. Is there a tool I can use to do this? I have my images and text.

Thanks for the help.

benny306

Hi, not sure if you got this sorted yet. In my opinion the best slider I have used is called 'easing slider'. It's a plugin that you can download and be ready to go in no time.

There's also a youtube video tutorial for it that walks you through step by step: http://www.youtube.com/watch?v=7BxaxPUhaCc

Kenny Logins

Revolution is pretty good, has separate images and text layers.

http://themes.themepunch.com/?theme=revolution_wp

ChRoMe

http://jqueryui.com/slider/

silvine

Thanks folks. I ended up buy a Widgetkit.

silvine

This might be a long shot but


I want to set up a three page slideshow featuring text and a background image. I am using Widgetkit for Yootheme. It’s for my homepage. I want it to appear as follows:

Slider 1: image to the left, text to the right
Slider 2: image to the right, text to the left
Slider 3: image above text

Here's my custom CSS. How should I edit this?

/* Frontpage Teaser ----------------------------------------------------------------------------------------------------*/

.frontpage-teaser-1,
.frontpage-teaser-2,
.frontpage-teaser-3 {
height: 400px;
border-radius: 2px;
background: url([url]http://garryprint4.feachinteractive.ie/wp-content/uploads/2013/03/Garry-Print-Flyers.jpg[/url]) 122% 122% no-repeat;
background-size: contain;
overflow: hidden;
text-align: center;
}

.frontpage-teaser-2 { background-image: url([url]http://garryprint4.feachinteractive.ie/wp-content/uploads/2013/03/Garry-Print-Roll-ups1.jpg[/url]);
}
.frontpage-teaser-3 { background-image: url(../../../images/yootheme/demo/slideshow/slide3.jpg); }

.frontpage-teaser-1 h1,
.frontpage-teaser-2 h1,
.frontpage-teaser-3 h1 {
font-size: 60px;
line-height: 83px;
}

.frontpage-teaser-1 h1 { margin: 80px 0 0 0; }
.frontpage-teaser-2 h1 { margin: 50px 0 0 0;}
.frontpage-teaser-3 h1 { margin: 120px 0 0 0; }

.frontpage-teaser-1 p,
.frontpage-teaser-2 p,
.frontpage-teaser-3 p {
margin-top: 0;
font-size: 16px;
line-height: 22px;
}

.width50 .frontpage-title {
margin-top: 0;
font-size: 28px;
line-height: 30px;
text-transform: uppercase;
}

/* Footer Icons

PS Is there a way to edit this CSS file through Wordpress? I opened the CSS file via Cpanel.

Kenny Logins

Doesn't it have a settings panel in Wordpress? Try that before modifying the css.

Notepad++ is a decent text editor, and can access files on a remote server with the NppFTP plugin (pre-installed).

BTW, stationery - with an 'e'.