Big Slide Css shadow

Posted in: Newspaper
Post count: 73

Hello,

I have a quicj question… I am using the below to style the big slider and add shadow but for some reason there is a margin in the bottom for the shadow. Here is what I added to the custom css
.td-big-slide-background .td_block_big_grid {
box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

Am I doing something wrong? Here is the screenshot http://greekreporter.com/files/2014/08/Screen-Shot-2014-08-20-at-4.06.19-AM.png
Thank you for your help.

Anastasios

Post count: 6600

Hi,

Try to add it like this:

.td-full-layout .td-big-slide-background .td-grid-wrap .iosSlider, .td-boxed-layout .td-big-slide-background .container .td-grid-wrap .iosSlider {
box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

Works fine for me: http://screencast.com/t/IqGhyLOc8n

Thanks

Post count: 73

Hi Lucian, thank you so much for your reply, for some reason this peice of css is not working on http://GreekReporter.com. I saw it is working on your example, but not sure why it is nit working on our end. Any thoughts? Thank you again!

Post count: 6600

Hi,

Use it like this: http://screencast.com/t/HCs2g4EZ
Remove the previous custom css and use this one:

.td-full-layout .td-big-slide-background .td-grid-wrap .slider, .td-boxed-layout .td-big-slide-background .container .td-grid-wrap .slider {
box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

Thanks

Post count: 73

Thank you so much Lucian. This worked perfect!

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.