Viewing 3 replies - 1 through 3 (of 3 total)
  • I’m trying to do text-wrapping on the right, with the slideshow on the left. The code for that ought to be clear:none, float: left, but unfortunately clear is being crossed out by the Firefox/Chrome browser’s developer tools, and float is not taking effect. To center I think you’re supposed to use auto margins on both sides, but I don’t know if this is compatible with clear:none.

    Take a look a W3 schools CSS guide, an excellent resource.

    Please post if this clue helps get you anywhere, it might help me also.

    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/

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Wrapping text around the slider?’ is closed to new replies.