Borders

Putting custom css for example.

Hi,

I could provide you a custom CSS for that if you could provide a link where your MetaSlider is embedded.

https://abelmateos.com/wp-admin/?wtlwp_token=b64e6abfd416c4c2b93b88988fdc8aa3fe806e5f43d80a030c70a194256350c967e896159e8207cedad0a56f3c6da5c20026fbea9f4620fe8ae0c57061f06faa

Adding the following CSS code should do the trick.

#metaslider_2311.flexslider .slides li {
    overflow: hidden;
    border-radius: 50px;
}

Can you give border around the image?

You can increase/decrease the border size by changing the 5px value in the example.

You can also change the hex code value #000000 to your preferred color

#metaslider_2311.flexslider .slides li {
    overflow: hidden;
    border-radius: 50px;
    border: solid 5px #000000;
}

Thank you very much, it works great!

I’m trying Nivo Slider but can’t.

I tested Nivo Slider on my local server and was able to run it without a problem.

Please provide more information on what’s not working with Nivo Slider. If you see any error messages, please post it here.

What I mean is that I need the code to make the borders with Nivo Slider.

Sorry for the confusion.

The code I provided to you was specifically for FlexSlider option. Apparently, each slider has different classes, which means each slider will need different set of custom CSS code.

If you could provide a link again where your Coin Slider is embedded so I can send you an updated CSS.

https://abelmateos.com/wp-admin/?wtlwp_token=723ad395add7b7eeb597c9dc22791807812f50db2e1214a23ad8278f95748ea9a867d51adf64aedbf250a5c4df7fb632306f8198e75a7d505ad734bfa543e2b0

You can try the following code below:

.metaslider .theme-default .nivoSlider img {
	border-radius: 50px;
	border: solid 5px #000;
}

Thank you!
I do not know what happens that the image is cut by the bottom border.

hmm.. It looks like the code I provided is conflicting with the effect that you used.

Please try to remove the initial css I provided for the NivoSlider and use this instead.

div.metaslider .theme-default .nivoSlider {
    border: solid 2px #8C8C8C;
    border-radius: 25px;
    overflow: hidden;
}