[Plugin: Meteor Slides] White border around slideshow…?

Hi Denis, thanks for trying my plugin! The problem is with your theme, the rule that is applying the border is too specific, it has two IDs before the object, so you need to add two IDs to the slide image rule to override that:

#wrapper #content .meteor-slides .mslide img {
    border: 0 none;
    display: block;
    margin: auto !important;
    max-width: 100%;
    padding: 0;
}

Thank you so much ! It works great !

No problem!

Hi,

I’m back with some new problems…
I’d like to add a caption to the image, but when i follow your instructions, i can see the title only a few second when the page is loading, after that it disappear… I’ve tried the title Z index to 9999… but it doesn’t work… Any solution …?

https://www.archipelprod.com/accueil-de-tournage/

Thanks

It looks like the captions are being loaded correctly in the template, you just need some CSS to style them. Try adding this to your theme’s stylesheet:

.meteor-slides p {
    bottom: 0;
    left: 0;
    color: #fff;
    font-weight: bold;
    margin: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
}

Great !
Thank you for your quick help !!!

Have a good week !!
bye!

You’re welcome!

hi,

many tanks for your plugin. as i am not so used code myself i could not make it to get my slider to lke that one used from denis on his wordpress here ttp://www.archipelprod.com/accueil-de-tournage/

basicaly i would love to have both navigation options inside the picture to have the picture as big as possible

my slider is used here https://www.theofficerepublic.at/wordpress/

the immages are 640×360 but in the settings i neet to enter 620×340 because otherwise the right arrow and the dots below are not visible anymore. also the are not inside of the picture?

can you help here, would be great.

all the best
seb

Hi Seb, it looks like you got the slideshow dimensions sorted out, is that right?

For the paged navigation, if you want it over the slideshow instead of below it, use a custom stylesheet and update this rule:

.navpaged, .navboth {
    padding: 0;
}

You can also update this rule to adjust the position of the buttons over the slideshow:

.meteor-buttons {
    bottom: 5px;
    left: 5px;
    margin: 0;
    position: absolute;
    z-index: 50;
}