Headings in Content toggle panel aligns to the extent of Right side of the box.

Hi @mksit! Is this the page where you’re experiencing issues with our content toggle block? During our tests, CSS snippets from the theme you’re using don’t appear to have a conflict with our plugin’s CSS. However, the blank <a> tag that comes up immediately before the content toggle panel title makes the title right-aligned since it’s something that our plugin’s CSS code didn’t account for.

Ideally, you can find and disable whatever’s causing the <a> tag to appear beside headings. If you’re unable to do that, here’s a CSS snippet you can add to your custom CSS:

.wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title-wrap {
    display: block;
}

This CSS snippet would allow the content toggle panel titles to be center-aligned according to your theme’s CSS, but this will prevent the normal display of the content toggle status icon (which isn’t used in your case).

Please let us know how it goes.

Thanks for your follow-up. I really do appreciate it.
Yes, this is the page where I have used the content toggle block for the first time. And this happens (h tags move to the right side) in every post I tried to use the ur content toggle block. I know your plugin has nothing to do with it.
As I have told you earlier, the developer developed the theme in a way that I as a user have no option in the front end to control the heading’s alignment (even not in the theme customization option). Resulting in whatever heading (h1,h2,h3..) I use it in my posts (using WP default block editor) the heading gets automatically aligned to the middle of the container.
Yes, I can see one <a> tags come up just before any heading I click on the inspection tab. But unfortunately, I have no idea what is that for.
Yes, your given CSS is working fine. But now the question arises, what If I want to use the Content toggle accordion block as a FAQ schema. Where the qsns will be in H3 tag. The toggle icon will not appear.

Again thanks.

• This reply was modified 2 years, 5 months ago by mksit.

Hi @mksit! Turning on the FAQ schema is not supposed to affect anything that’s immediately visible to the casual site visitor, since the schema code is primarily intended for search engines. Although the toggle icon can help users determine in a glance whether or not a specific panel is opened, the block’s FAQ schema code, as well as the ability to open and close each panel (for block instances that enable it), should be able to work without it.