Support » Plugin: Cyclone Slider 2 » Aligning Slider on Page

  • How do I change how the slider aligns on the page? The basic alignment commands in “pages” don’t work, it always appears fully left justified. I would also like to have other items on the same line as the slider but they always appear either above or below the slider, is there a way to do this? Any help would be appreciated. Thank you!

Viewing 13 replies - 1 through 13 (of 13 total)
  • I think is:


    What brneustadter said is exactly what I need also.
    How can I align the Cyclone-Slider for e.g. to the right, and how do I put text beside it.

    Please somebody out there, an answer would be nice. Thank you!

    The answer Lobo Urbano gave is for centering the slideshow. The code to put the slideshow on the right is float: right. The code for allowing text wrapping is clear: none. Unfortunately, I haven’t been able to get this to work; the Chrome and Firefox developer tools crossed out my attempts to code clear: none, and float had no effect. When I looked at the HTML code, I discovered that the text was in a separate div, not together with the slideshow, indicating that a page break was generated. If anyone figures out what causes this, please post. I’ve been searching this forum and found quite a few users who’d be greatful to get the answer.

    Hi, has anyone figured this out? I just want to center it on the page, it wants to remain flush left. Thanks!

    More specifically, where does that code go?

    Never mind, I did it (it was in the template directory)

    Well, I guess I have one more question. I was able to center the slider, but the thumbnails are still flush left, where do I fix the code for that?

    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):


    With respect to W3Schools’ accuracy, I recommend reading this:

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

    Just upgraded to Cyclone Slider 2 v2.7.7. I am also trying to center my slider. This is the only slider I have and anticipate having.

    I do not find .cycloneslider in the Cyclone Slider 2 css file otherwise I would have tried:


    (I did find the .cycloneslider-template-standard in the template css file and did not find .cycloneslider-width-fixed in either css file.)

    I’m not experienced enough to understand some of the other conversation.

    Just want to center the slider, everything else is working fine.

    Thank you,

    It’s been a while since I fixed mine, but from what I can tell I went into the templates folder to find the CSS file: cyclone slider 2 > templates > dark > style.css

    So it depends which style of slider you use (I was using dark. In there you will see

    I think this is right, I’m not so good at this myself.

    Hope this helps,

    Here’s how it is on my site (in progress)

    Thanks so much to both of you.

    Good news, I only have one css file.

    Looking at your site, Louis, was really helpful, but again, you have

    .cycloneslider-template-thumbnails .cycloneslider-slide img {
    border: 0 none;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        padding: 0;

    that exactly matches my Cycloneslider css coding.

    plus I have others that I have seen mentioned like

    .cycloneslider-template-default {
        position: relative;

    Thanks so much, both of you. I think I’m going up the food chain b/c I just can’t work this out and am out of time and patience:)

    I’ll let you know what I find out:) Sarah

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Aligning Slider on Page’ is closed to new replies.