Border Too Wide Around Image (left And Right) - Question | JoomShaper

Border Too Wide Around Image (left And Right)

O

OHL

SP Page Builder 4 years ago

When I add a simple image and add a border to it, the left and right of the border are too wide, there is space between the end of the image and the beginning of the border. What am I doing wrong?

0
6 Answers
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #18928

Hello

Thank you for your query. Kindly allow me some time, i will look into it and get back to you.

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #18929

As i checked from my end, the height of the images used are more than the width here. Please use images with less height and more width so that the images can fit on the video block properly.

0
O
OHL
Accepted Answer
4 years ago #18988

I don't think that's the reason. Besides, when I add an image and set a border to that image, I expect it to be around that image, not related to any other block of content in the neighbourhood.

I created an extra row with 1 column and I also created an extra row with 3 columns. I copied the image to those spaces. Gives the same problem. When I have a full column and I want to put a 200px image in there with a border, the border should be around the image and not around the whole row/column....

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #19055

Hello,

Please use the following code in Custom CSS section. This should remove the current border and put new border around the image

.sppb-addon-wrapper > div{
    border: none;
}

.sppb-addon-wrapper .sppb-addon-single-image-container .sppb-img-responsive {
    border: solid white 5px;
}
0
O
OHL
Accepted Answer
4 years ago #19175

Your solution is working, but it feels like a big workaround. Isn't it just strange that a border acts the way it now does (without changing its behavior through CSS)? Am I doing something wrong or is this a bug in Pagebuilder?

0
Pavel
Pavel
Accepted Answer
4 years ago #19211

Hi. This is not bug. Just in SP PB there is no border settings for the image (General Tab). There is only border setting for the addon's WPAPPER (Style Tab) . This is equally in all addons.

0