Responsive slider border

[depi]

Hi,
In this demo site there is a responsive slider with only one slide "Corsi
Personal Trainer"

http://www.hotelinlignano.com/aipt/

How to delete the thin border around the slide?

I searched for it in the CSS (Firebug), but I can find it!

Some suggestions? Thanks

http://www.hotelinlignano.com/aipt/

[Christina]

It's a box shadow. Your code reads:

.flexslider {
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}

Replace that with this:

box-shadow: none;

By the way, if you're adding code to the same class (eg ".flexslider") it's always better to add it to the section that's already there and not create another ".flexslider {..." It will make it much easier for you to pinpoint any problems like this one in the future. Among many other benefits.

[depi]

Thanks Christina, now it's OK.

I pasted a piece of code from a tutorial; it add the CSS for the Slider to the main CSS, not in the slider CSS.

Now I have a little "margin" under the slide. It seems to be a ::after space...but if I delete it the layout collapses.
Can you help me...again?

A smile from Venice!

[Christina]

Ah, I see. Not sure where that one is coming from, but for now you can add this to remove it:

.home-slider {
margin-bottom: -6px;
}

[depi]

Yeah, nice trick...I've tried to remove something and you add something!

Thank you

[Author]

Posts