Hi,
how can I add the following boxshadow to the images of the post slider on my page below:
{-moz-box-shadow: 1px 1px 3px 4px #ccc !important; -webkit-box-shadow: 1px 1px 3px 4px #ccc !important;
box-shadow: 1px 1px 3px 4px #ccc !important;}
Thank you very much for your help!
Regards,
wordmax
Hey wordmax!
Please try the following in Quick CSS under Enfold–>General Styling:
.page-id-3532 article.slide-entry img {
-moz-box-shadow: 1px 1px 3px 4px #ccc !important;
-webkit-box-shadow: 1px 1px 3px 4px #ccc !important;
box-shadow: 1px 1px 3px 4px #ccc !important;
}
Best regards,
Rikard
Hey Rikard,
thank you for your answer. I tried your code but as you can see on the page it doesn´t work.
Any other idea?
Best regards,
wordmax
Hey!
It does work, I can see it being applied to the images in your postslider, but you probably want to alter the values and colour as it doesn’t look very nice right now. http://www.w3schools.com/cssref/css3_pr_box-shadow.asp
Cheers!
Rikard
Hey,
what am I making wrong, because I don´t see anything. I tried it in Mozilla and Chrome. Here you can see a Screenshot.
http://goo.gl/R60IaY
Best regards,
wordmax
Hi!
I can see Rikard’s code working as well. Please add following code to Quick CSS as well
.avia-content-slider .slide-image {
overflow: visible;
margin-bottom: 15px;
}
and it should look like this – http://i.imgur.com/tCVbpuj.png
Regards,
Yigit
Hi Yigit, Hi Rikard,
now it works perfectly.
Thank you very much for your help.
Regards,
wordmax