Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

A Tool for Creating Sliders

  • 28-03-2013 11:54AM
    #1
    silvine
    Registered Users, Registered Users 2 Posts: 3,132 ✭✭✭


    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.


Comments

  • #2
    benny306
    Registered Users, Registered Users 2 Posts: 44 ✭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


  • #3
    Kenny Logins
    Registered Users, Registered Users 2 Posts: 9,061 ✭✭✭Kenny Logins


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

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


  • #4
    ChRoMe
    Registered Users, Registered Users 2 Posts: 2,021 ✭✭✭ChRoMe


    http://jqueryui.com/slider/


  • #5
    silvine
    Registered Users, Registered Users 2 Posts: 3,132 ✭✭✭silvine


    Thanks folks. I ended up buy a Widgetkit.


  • #6
    silvine
    Registered Users, Registered Users 2 Posts: 3,132 ✭✭✭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.


  • Advertisement
  • #7
    Kenny Logins
    Registered Users, Registered Users 2 Posts: 9,061 ✭✭✭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'. ;)


Advertisement