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!
Thread Starter
x1
(@farrujhotmailcouk)
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
Thread Starter
x1
(@farrujhotmailcouk)
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;}
Thread Starter
x1
(@farrujhotmailcouk)
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!
