WordPress.org

Ready to get started?Download WordPress

Forums

Cyclone Slider 2
Aligning Slider on Page (14 posts)

  1. brneustadter
    Member
    Posted 1 year ago #

    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!

    http://wordpress.org/extend/plugins/cyclone-slider-2/

  2. Lobo Urbano
    Member
    Posted 1 year ago #

    I think is:

    .cycloneslider{
    	position:relative;
    	margin-left:auto;
        margin-right:auto;
    }
  3. LucyKim
    Member
    Posted 1 year ago #

    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!

  4. CKatzman
    Member
    Posted 1 year ago #

    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.

  5. louisciavo
    Member
    Posted 9 months ago #

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

  6. louisciavo
    Member
    Posted 9 months ago #

    More specifically, where does that code go?

  7. louisciavo
    Member
    Posted 9 months ago #

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

  8. louisciavo
    Member
    Posted 9 months ago #

    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?

  9. Dion
    Member
    Posted 9 months ago #

    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:
    http://www.w3fools.com/

  10. Dion
    Member
    Posted 9 months ago #

    NB: It appears this only works if your slider's width management is set to "fixed".

  11. SwayGlobal
    Member
    Posted 7 months ago #

    http://www.animal-angels.com

    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:

    .cycloneslider{
    	position:relative;
    	margin-left:auto;
        margin-right:auto;
    }

    (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.

    Help?
    Thank you,
    Sarah

  12. louisciavo
    Member
    Posted 7 months ago #

    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
    .cycloneslider{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    }

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

    Hope this helps,
    Louis

  13. louisciavo
    Member
    Posted 7 months ago #

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

    http://ciavo.com/wp/cat-nav-2/logo-design

  14. SwayGlobal
    Member
    Posted 7 months ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic