Cyclone Slider 2 – Text Wrapping

  • I’ve been trying to figure out how to put text wrapping in Cyclone Slider 2. I see in this plugin’s forum that others are also trying to do this, but no one has a solution.

    I’ve studied W3 School’s CSS guide thoroughly. It seems that the code that ought to work is:

    position: relative;
display: inline;
clear: none;

    For right-alignment, one needs to add:
    float: right

    Unfortunately, this doesn’t work. A line break is being generated; Firebug shows that the the text ends up in a separate div from the slide image.

    In the W3 schools guide, I can’t find any CSS element other than the ones mentioned above that could affect line breaks. This leads me to suspect that something in the plugin’s PHP or JS is doing this, but I don’t know anything about PHP or JS.

    I would really appreciate a reply from the plugin author.

    https://www.ads-software.com/extend/plugins/cyclone-slider-2/

Viewing 2 replies - 1 through 2 (of 2 total)

  • CKatzman, I was able to achieve text wrap by applying the following CSS to my slider div ID:

    #cycloneslider-investors-1 {
clear: none;
position: relative;
display: inline;
float: left;
margin: 5px 10px 30px;
}

    To be clear, that’s the ID Cyclone Slider 2 gives to the div that wraps the whole slider, based on the ID you assign to the slideshow in the plugin settings. You can find it in the source code of your page or using your browser’s developer tools. If you want to apply this CSS to every Cyclone slider on your site, you can probably just replace the div ID with one or more of the following classes (see the div classes for the applicable ones):

    .cycloneslider
.cycloneslider-template-standard
.cycloneslider-width-fixed

    With respect to W3Schools’ accuracy, I recommend reading this:
    https://www.w3fools.com/

    Dion

    (@pyxelfish)

    NB: It appears this only works if your slider’s width management is set to “fixed”.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Cyclone Slider 2 – Text Wrapping’ is closed to new replies.