All geek questions in one place

Problem with resizing nivo slider

I have a nivo slider on my webpage. I need to display images of different widths and heights. A larger image is displayed behind a smaller image. See the following screenshot.

enter image description here

I need to remove the display of a larger image behind a small image. Is it possible to do this using the nivo slider?

+6
source share
3 answers

I used this and it worked :)

.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; width: 556px; height: 183px !important; }
+10
source

add this

 <style> .slider-wrapper,.nivoSlider , img{ width:500px; height:200px; margin-bottom:0px !important; border-radius:10px; } </style>
+3
source 
 .theme-navigation-inside .nivoSlider img { position:absolute; top:0px; left:0px; display:none; height: auto; }

I realized that this took care of the problem

0
source

Source: https://habr.com/ru/post/916894/

More articles:


All Articles