I think is:
.cycloneslider{
position:relative;
margin-left:auto;
margin-right:auto;
}
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):
.cycloneslider
.cycloneslider-template-standard
.cycloneslider-width-fixed
With respect to W3Schools’ accuracy, I recommend reading this:
http://www.w3fools.com/
NB: It appears this only works if your slider’s width management is set to “fixed”.
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
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
Here’s how it is on my site (in progress)
http://ciavo.com/wp/cat-nav-2/logo-design
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
