Thread Starter
amafo
(@amafo78)
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.
Adding the following CSS code should do the trick.
#metaslider_2311.flexslider .slides li {
overflow: hidden;
border-radius: 50px;
}
Thread Starter
amafo
(@amafo78)
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;
}
Thread Starter
amafo
(@amafo78)
Thank you very much, it works great!
Thread Starter
amafo
(@amafo78)
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.
Thread Starter
amafo
(@amafo78)
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.
You can try the following code below:
.metaslider .theme-default .nivoSlider img {
border-radius: 50px;
border: solid 5px #000;
}
Thread Starter
amafo
(@amafo78)
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;
}
