I am trying to had the KN slider, but when i put the short code in, it moves txt down, how can i wrap the txt round the left hand side of the slide so it don't have a big space on the left of the slide.
Thanks
[resolved] How can wrap txt round slider (18 posts)
-
Empirevaleting1
Posted 4 months ago # -
posting url will help did you try and position with a div tag in html tab
<div "float: left or right;">shortcode here</div> -
Posted 4 months ago #Hi govpatel i tryed that but it just moved the slide, the txt stayed where it was. i have a image in there and it wraps round that ok so i don't get it. as you can tell ive only been using wp for 4 weeks now. thanks for your help!
-
If you post your url will help
-
Posted 4 months ago #what do you mean post my url, post it where. sorry but i really don't know.
-
Posted 4 months ago #Sorry govpatel, the url is http://www.mycarvaletingservices.co.uk i thought you meant post to the wp
-
I do not see any slider I see a image that is on right with text wrapped.
-
Posted 4 months ago #Sorry govpatel i put just the image back has it didnt look nice with the slide in, im going to change it back so the slide is there.
Thanks for your help, url is http://www.mycarvaletingservices.co.uk -
You have this in your page
<div right;"="" "float:="">can you take it out might be before the slider -
Posted 3 months ago #I did take the div out but it has sent all widgets to the bottom of the page.
-
Posted 3 months ago #I didnt take out the </div> at the end, but it still not wrapping the picture.
-
To make it float you will need make change in plugin css
http://mycarvaletingservices.co.uk/wp-content/plugins/meteor-slides/css/meteor-slides.css?ver=1.0
this is pathlook for this code
.meteor-slides {
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1;}
add
float: left; (or right if you want the slider on right.)and to have some margin on right of slide change the line
margin: 0;
to
margin-right: 10px; -
Posted 3 months ago #Thank you govpatel for all your help, i'll try that out. Do i do it in the wp editor or by the files via FTP to change that file?
-
Posted 3 months ago #i got the file, can you help please and let me know where to had that code.
* Stylesheet for the Meteor Slides 1.4 slideshow
Copy "meteor-slides.css" from "/meteor-slides/css/" to your theme's directory to replace
the plugin's default stylesheet.If you have navigation enabled, be sure to copy the "buttons.png", "next.png",
and "prev.png" files to your theme's images folder and update the image paths below,
or create new graphics to replace them.Learn more about customizing the stylesheet for Meteor Slides:
http://www.jleuze.com/plugins/meteor-slides/customizing-the-stylesheet/
*//* =Slideshow
-------------------------------------------------------------- */.meteor-slides {
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1;
}.navpaged,
.navboth {
padding: 0 0 20px 0;
}/* =Slide
-------------------------------------------------------------- */.meteor-slides .mslide {
display: none;
margin: 0;
padding: 0;
}.meteor-slides .mslide-1 {
display: block;
}.meteor-slides .mslide a {
border: 0;
margin: 0;
padding: 0;
}.meteor-slides .mslide img {
border: 0;
display: block;
margin: auto !important;
max-width: 100%;
padding: 0;
}.meteor-slides .mslide img[src$='.png'] {
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE7 */
zoom: 1;
}/* =Previous/Next Navigation
-------------------------------------------------------------- */.meteor-slides ul.meteor-nav {
list-style: none;
height: inherit;
margin: 0;
padding: 0;
}body .meteor-slides ul.meteor-nav {
display: none;
*display: block;
_display: block;
}body .meteor-slides:hover ul.meteor-nav {
display: block;
}ul.meteor-nav li {
display: inline;
height: inherit;
list-style: none;
margin: 0;
padding: 0;
}.meteor-nav .prev a {
left: 0px;
}.meteor-nav .next a {
right: 0px;
}.meteor-nav a {
display: block;
outline: none;
position: absolute;
text-indent: -9999px;
width: 27px;
height: inherit;
z-index: 50;
}.meteor-nav .prev a {
background: url('../images/prev.png') no-repeat center right;
}.meteor-nav .prev a:hover {
background: url('../images/prev.png') no-repeat center left;
}.meteor-nav .next a {
background: url('../images/next.png') no-repeat center left;
}.meteor-nav .next a:hover {
background: url('../images/next.png') no-repeat center right;
}/* =Paged Navigation
-------------------------------------------------------------- */.meteor-buttons {
bottom: 5px;
left: 0px;
margin: 0;
position: absolute;
z-index: 50;
}header#branding .meteor-buttons {
left: 5px; /* A little nudge for Twenty Eleven */
}.meteor-buttons a {
background: url('../images/buttons.png') no-repeat bottom left;
display: block;
float: left;
width: 9px;
height: 9px;
margin: 0 3px 0 0;
outline: none;
text-indent: -9999px;
}.meteor-buttons a:hover {
background: url('../images/buttons.png') no-repeat bottom right;
}.meteor-buttons a.activeSlide {
background: url('../images/buttons.png') no-repeat bottom right;
}Thank you ifyou can help!
-
Posted 3 months ago #Do i put the code on top of this code.
navpaged, -
Posted 3 months ago #govpatel that code did the job, thanks for all your help!
-
you are welcome
-
Waiguoren
Posted 1 month ago #Im having a similar problem. I want to wrap the text on my static home page around my featured content slider. Is there something I can add in the css? If so where? I hope someone can help. Here is the url. http://wholesale-natural-sponges.com/
Reply
You must log in to post.
