Slider Revolution Carousel background issue

[s_gogos]

Hello guys,

I created a new “carousel” type slider using Revolution Slider by following every step of ThemPunch’s “Create a Logo Carousel using Slider Revolution” tutorial.

I also created 5 new 250x250 px transparent .png logo images to use in my slider.

The slider runs smoothly on the homepage (see the “Supported by” section).
But on all other pages / blog posts there’s this problem on the background (for example in this post, same section at the bottom)

I load the slider by placing the “Revolution Slider” widget in the “Footer 1” widgeted footer area.
If you look closely you will see some lines, like shadows, between and under every single image.

I searched in the support forum and I found the following code which I pasted in
X → Theme Options → CSS

Code:

/* footer background */
.x-colophon.top {
background-color:#FFFFFF;
}

/* footer menu widget background */
.x-colophon.top .widget ul li {
background-color: #FFFFFF;

}

What am I doing wrong?

Can you please help?

Thank you in advance,
Stergios (worldvespa.net)

[paul.r]

Hi Stergios,

You can try this code instead.

.x-colophon.top .widget.widget_revslider ul.tp-revslider-mainul li {
    boder:0 !important; 
}

Hope that helps

[s_gogos]

UPDATE:
It doesn’t work. I just looked carefully and it’s the same.

[s_gogos]

Thanks for the response @paul.r!
Unfortunately it doesn’t work. I just looked carefully and it’s the same.

[thai]

Hi There,

Please try adding this custom CSS instead:

.x-colophon .widget ul,
.x-colophon .widget ul li {
    border: none !important;
    background-color: transparent !important;
}

Hope it helps

[s_gogos]

Thank you @thai.
It worked!

[thai]

Glad we were able to help you