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?
Awaiting an answer
SP Page Builder
Border too wide around image (left and right)
6 replies
Ariba Staff
Hello
Thank you for your query. Kindly allow me some time, i will look into it and get back to you.
Ariba Staff
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.
OHL Asked this
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....
Ariba Staff
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;
}
OHL Asked this
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?
Pavel
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.
Log in to reply.