Text Wrap

Farruj, You need to put following css in your theme’s css file which will adjust the slider’s floating and spacing with the text.

.3dfluxslider {float: left !important; margin-right: 10px !important;}

Cheers!

Hello Mohsin Rasool, thank you very much for your help. I am new to this and I’m not sure what I’m doing wrong because I still can’t get it to work. I am using twenty eleven theme, went into the style.css and put the code as you instructed, however as I don’t understand coding very well, I’m not sure I put it in the right place as its still being ignored:
.gallery-caption {
color: #666;
font-family: Georgia, serif;
font-size: 12px;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 10px 0 5px 40px;
position: relative;
}
.wp-caption .wp-caption-text:before {
color: #666;
content: ‘\2014’;
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
left: 10px;
top: 7px;
}
#content .gallery {
margin: 0 auto 1.625em;
}
#content .gallery a img {
border: none;
}
img#wpstats {
display: block;
margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
width: 23%;
padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
width: 100%;
height: auto;
}
.3dfluxslider {
float: left !important; margin-right: 10px !important;
}

Can you please help? I have now spent so many days on this and still doesn’t seem to get anywhere.

Thank you

ah… my fault. CSS Classes should not start with a numeric due to possible usage in future for dimensions. Instead of “.3dfluxslider” use “.fluxslider” and reduce the margin-right to 5px.

In CSS1, a class name could start with a digit (“.55ft”), unless it was a dimension (“.55in”). In CSS2, such classes are parsed as unknown dimensions (to allow for future additions of new units). To make “.55ft” a valid class, CSS2 requires the first digit to be escaped (“.\35 5ft”)

Reference

Hi Mohsin, I am sorry, I just can’t get it to work ?? No matter what I do, the text stubbornly remains at the bottom, underneath the slideshow

Friend, you are missing a dot “.” before “fluxslider” in your style.css… ?? Just adding it should fix the problem. This is how it should look like.

.fluxslider {float: left !important; margin-right: 10px !important;}

Oh my God! at last! I got it to work! Thank you so much! I am totally new to all this and coding is not my forte ?? Thank you for your help!