Info Box strange behavior

Hello,

Apologies for the delay in getting back to you!

From the screenshots, it is possible that there are some style conflicts, and/or the styles are not being applied. Just to confirm, have you tried some of the troubleshooting steps listed in this article?

Additionally, we’d like to inspect the page where the Info Box was added to have a clear view of the issue. If you could give us a page URL, that would be great.

Kind Regards,
Karla

Hello, @karlalevelup,
Thanks for reply!

There are couple of things about Info Box, which I dont get at all.
First, I read your article and cleared cache.

The thing about that issue is vertical preset looks fine and the same both in back-end and front-end.
https://prnt.sc/1x68p8z
Back-end and front-end are just both fine, look the same, work as glance.

But when I come to use the horizontal preset this widget drives me crazy.
Just want to show you the general behavior, if you know what to do with that – let me know.

What I want to get:
I want to use Info Box as a Sidebar widget.
https://prnt.sc/1x68xns

This is how it looks in back-end:
https://prnt.sc/1x68zxd
It is because I need to set Margin -60px:
https://prnt.sc/1x692kc

By some reason Info Box creates some strange Margin and Padding:
https://prnt.sc/1x69aj0
It creates second “empty” line of text, some margin,
I dont know how to disable it, just use Margin-top -60px in order to override its settings.

If you telling me there is some plugin conflict, I would like to find out what’s wrong.
I just want to use Kadence Blocks normally, to see in front-end exactly what I see in back-end.

Vertical preset looks the same in front and back, horizontal preset doesn not.
How to make it work normally?

Upd.

This is how 2 Info Boxes look in back:
https://prnt.sc/1x6bafi
First is default, second with some settings in customizer.

This is how these 2 blocks look in front:
https://prnt.sc/1x6baww

Hello,

Apologies for the delay in getting back to you.

If you telling me there is some plugin conflict, I would like to find out what’s wrong.

I am not telling you that this is exactly the case. The troubleshooting steps are needed so we can isolate the cause of why this issue happens on your website.

I tried replicating your issue regarding the horizontal preset of the Info Box within a widget. Here’s how it shows on my end – https://share.getcloudapp.com/5zu91kQD.

By some reason Info Box creates some strange Margin and Padding:

The bottom margin is not exactly from the Info Box, it is a Kadence theme style to separate each widget item on the sidebar. You can see I pointed that out too on the screen recording above.

If you are indeed using the Kadence theme as well and want to remove those, you can add this in Customizer > Additional CSS:

.primary-sidebar.widget-area .widget {
    margin-bottom: 0;
}

It will greatly help us inspect your current page structure and check if there are any style conflicts if you can give us a page URL.

Hope this helps and let us know if we can assist you further.

Best Regards,
Karla

Hello, Karla,
Thanks for reply.

I am not using Kadence theme.
I use Blocksy theme.

All software – WP, Blocksy theme, Kadence blocks – updated to last version.

How can I pass you site credentials?

Hi @wpbluefox,
You can post a link to your site here. Or if you’re uncomfortable with that you can submit a support ticket here: https://www.kadencewp.com/free-support-tickets/

Kindly,
Hannah