annaFPF

I have created 3 slideshows: “home”, “home2”, “home3” – they are all on the same page. I would like to float “home” and “home3” left and float “home2” right with text wrapped around each of the slideshows. I also want a margin to add space between the slideshows and the text. My best guess is that I should insert this CSS into my theme? I’ve been trying to make this work for 5 hours and i’m going craaaaazy!

<?php if ( function_exists( ‘meteor_slideshow’ ) ) { meteor_slideshow(“home”,””); } ?>
.meteor-slides {
margin: 0 20px 0 0;
padding: 0;
position: relative;
z-index: 1;
overflow: hidden;
float: left;
}

<?php if ( function_exists( ‘meteor_slideshow’ ) ) { meteor_slideshow(“home2″,””); } ?>
.meteor-slides {
margin: 0 20px 0 0;
padding: 0;
position: relative;
z-index: 1;
overflow: hidden;
float: right;
}

<?php if ( function_exists( ‘meteor_slideshow’ ) ) { meteor_slideshow(“home3″,””); } ?>
.meteor-slides {
margin: 0 20px 0 0;
padding: 0;
position: relative;
z-index: 1;
overflow: hidden;
float: left;
}