Problem with the space at the bottom of the border-shadow - Forum | JoomShaper
Solved SP Page Builder

Problem with the space at the bottom of the border-shadow

Asked by DigitM 1 year ago Last activity 1 year ago

Hello,
I'm having the same problem on several of my sites as soon as I put a border-shadow on an image.
It's like there's a gap between the image and the edge of the border-shadow.
I can't figure out where this is coming from.
https://prnt.sc/wUdGKeW3pnjQ
Thanks for your help.
Jack

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
1 year ago

Hi DigitM,

Could you please close this post by accepting the answer?

Mehtaz Afsana Borsha Staff
1 year ago

Thanks for accepting the answer.

15 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
1 year ago

Hi

Thanks for contacting us and sorry for your issue. You have set a box-shadow on that. Please see the screenshot in the hidden content.

Do you want to remove this shadow? Then you have to use this CSS in your custom.css file

#sppb-addon-1f1e52d1-5e90-4371-9c29-9ef09caa7ec1 {
    box-shadow: unset !important;
}

-Regards.

DigitM Asked this
1 year ago

Hello Mehtaz,
Thanks for your feedback, but I think we've misunderstood each other.
I did put a border-shadow on this image using SP Page Builder. But there's a gap between the bottom of the image and the edge of the border-shadow as shown in the linked visual.
https://prnt.sc/wUdGKeW3pnjQ
How can I remove this unnecessary gap?
I've had the same problem on other sites using Helix and SP Page Builder.
Thank you for your help.
Jack

Mehtaz Afsana Borsha Staff
1 year ago

Hello,

Are you talking about this portion? Do you want to remove this portion?

DigitM Asked this
1 year ago

Mehtaz, the link you provided doesn't work!
Can you put it back?
Thank you

Mehtaz Afsana Borsha Staff
1 year ago

Hi

Use this CSS in your custom.css file

#sppb-addon-1f1e52d1-5e90-4371-9c29-9ef09caa7ec1 {
    box-shadow: 0px -3px 3px 3px rgba(84, 84, 84, 0.4) !important;
}

By the way, do you want to remove this bottom portion?

https://prnt.sc/v7iVbAQU4cGF

Its actually depends on your shadow, I have set one please check is this ok or not.

DigitM Asked this
1 year ago

Hello Mehtaz,

Thanks for your feedback.
What I don't understand is where does the red space under the photo come from?
I only have a padding of 1px 1px 1px 1px but that can't explain it.
So yes, I want to remove the red space under the photo.
https://prnt.sc/gdlG7AX2hDWp
And as I said, I have the same problem on other sites with visuals that have the same space under the photo as soon as I put a border-shadow.
Is there a small bug in SP Page Builder for this?

Thanks for your help.
Jack

PS: the code you sent me and I did put in the custom css doesn't change anything :(

Mehtaz Afsana Borsha Staff
1 year ago

Could you please give me your super admin access? I need to check. Your above credentials are not working.

DigitM Asked this
1 year ago

Hello Mehtaz,
I've just tested the info I sent you to connect to the admin and it works correctly.
I've just sent them to you below.
Thanks for your help.
Jack

Mehtaz Afsana Borsha Staff
1 year ago

Hi

Could you please mention the page name?

DigitM Asked this
1 year ago

Hello Mehtaz,
The visual is on the Home page (Accueil)
Thank you for your help.
Jack

Log in to reply.