-
Posts
-
Hi! I’m trying to get a shadow around one portfolio item in post slider, but the shadow is only visible at the right side of the box. What am I doing wrong?
I’ve added:
article.slide-entry { box-shadow: 1px 1px 30px 30px #cccccc !important; border: 1px solid #eeeeee !important; }De border is on every side visible and the shadow only right. See screenshot: https://ibb.co/YdPfwm0
Website is in maintenance mode so cannot sent you a link, only login details, but maybe you can help me this way.Also tried overflow: visible but nothing changes. Thanks a lot!
Janneke
Hey jannnnnneke,
Please generate the css using the generator below:
https://www.cssmatic.com/box-shadowBest regards,
VictoriaI did! Used all kind of box shadows, also some codes you sent on this forum, but everytime it was only visible at right side. As if the overflow was not visible and only thanks to a few px padding at the right side the shadow was visible over there…. you know what I mean?
Hi,
I believe from your description this is due to the first element has no padding or margin on the top or left and the last item has no padding or margin on the top or right.
So to achieve this:
try some css like this:article.slide-entry { box-shadow: 1px 1px 30px 3px #cccccc !important; border: 1px solid #eeeeee !important; } .slide-entry.av_one_third,.slide-entry.av_one_third.first { margin-left: 2% !important; margin-right: 2% !important; margin-top: 2% !important; width: 28% !important; }please adjust this for your site, if you need further help then please include a link to your page.
Best regards,
Mike
- You must be logged in to reply to this topic.