Alignment of the icon - Forum | JoomShaper
Staff replied SP Page Builder

Alignment of the icon

Asked by Dmitry Goncharov 5 years ago Last activity 5 years ago

Make the normal alignment of the icon in the addon Image. You have problems with him all the time.

https://ibb.co/LYqgjB2

6 replies

Oldest first Newest first Most helpful
Ofi Khan Staff
5 years ago

Hello Dmitry Goncharov

I have checked Image Addon Lightbox on. It seems okay to me. Can you please share a page link to investigate?

Best regards

Dmitry Goncharov Asked this
5 years ago

This also happens in image overlay

Pavel
5 years ago

I have checked Image Addon Lightbox on. It seems okay to me. Can you please share a page link to investigate?

Hi, Ofi. Just check it out in different browsers. For example in Firefox. And reload the page several times, the result may be different each. Investigation is not required, I know the reason and will inform you for elimination.
This is because the "+" character of the default font is used. Browsers render the same font and line-height differently and this causes alignment issues.

The solution will be to replace the "+" with some icon from Font Awesome or the ability to upload user own icon (image) for this.

Ofi Khan Staff
5 years ago

Dmitry Goncharov

Weird but I found a quick CSS fix. You can use this CSS

.sppb-addon-image-overlay-icon{
    line-height: 38px !important;
}

Thanks Pavel for the idea.

Dmitry Goncharov Asked this
5 years ago

Weird but I found a quick CSS fix. You can use this CSS

I have no problem doing this. I'm talking about a change at the SPPB code level

Ofi Khan Staff
5 years ago

This is weird because on my testing I did not find this issue. But your site has this.

Log in to reply.