How can wrap txt round slider

posting url will help did you try and position with a div tag in html tab
<div "float: left or right;">shortcode here</div>

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

what do you mean post my url, post it where. sorry but i really don’t know.

Sorry govpatel, the url is https://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.

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 https://www.mycarvaletingservices.co.uk

You have this in your page
<div right;"="" "float:="">can you take it out might be before the slider

I did take the div out but it has sent all widgets to the bottom of the page.

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
https://mycarvaletingservices.co.uk/wp-content/plugins/meteor-slides/css/meteor-slides.css?ver=1.0
this is path

look 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;

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?

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:
https://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!

Do i put the code on top of this code.
navpaged,

govpatel that code did the job, thanks for all your help!