Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1184214

    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

    #1184545

    Hey jannnnnneke,

    Please generate the css using the generator below:
    https://www.cssmatic.com/box-shadow

    Best regards,
    Victoria

    #1184547

    I 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?

    #1184979

    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:
    2020-02-16-081613
    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.