WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Press Page

A WordPress plugin to display a custom post type for press features in a horizontal sliding scroll

What can I use this for besides press?

Anything you can think of. If you're a musician, you can use it for a scrolling discography, with links to Bandcamp or iTunes. You can use it as a photo gallery and link to full-size images. There are probably a lot of uses I'm not thinking of. There weren't any other WordPress plugins using this SmoothDivScroll javascript, but there are tons of ways to use it.

I'd like to change the styling. Is that possible?

Yes. You'll need to edit your CSS either in your theme, in a Child Theme, or through some CSS editor in your dashboard via a plugin like Jetpack or My Custom CSS.

Here's the default CSS that is used by the plugin:

#makeMeScrollable div.scrollableArea section {
        position: relative;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        /* If you don't want the images in the scroller to be selectable, try the following block of code. It's just a nice feature that prevent the images from accidentally becoming selected/inverted when the user interacts with the scroller. */
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
    }
    #makeMeScrollable {
        width: 930px;
        height: 255px;
        position: relative;
    }
    .scrollWrapper {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .scrollableArea {
        position: relative;
        height: 100%;
    }
    /* Invisible left hotspot */
    div.scrollingHotSpotLeft
    {
        /* The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
        min-width: 75px;
        width: 10%;
        height: 100%;
        position: absolute;
        z-index: 200;
        left: 0;
        /*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
        cursor: w-resize;
    }
    
    /* Visible left hotspot */
    div.scrollingHotSpotLeftVisible
    {
        background-color: #fff;
        opacity: 0.35; /* Standard CSS3 opacity setting */
        -moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
        filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
        zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
    }
    
    /* Invisible right hotspot */
    div.scrollingHotSpotRight
    {
        min-width: 75px;
        width: 10%;
        height: 100%;
        position: absolute;
        z-index: 200;
        right: 0;
        cursor: e-resize;
    }
    
    /* Visible right hotspot */
    div.scrollingHotSpotRightVisible
    {
        background-color: #fff;
        opacity: 0.35;
        filter: alpha(opacity = 35);
        -moz-opacity: 0.35;
        zoom: 1;
    }

Requires: 3.4 or higher
Compatible up to: 3.5.2
Last Updated: 2013-1-5
Downloads: 1,208

Ratings

1 star
1 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1