I am trying to: create a Content Template using Beaver Builder and Toolset
Link to a page where the issue can be seen:hidden link
I expected to see:
Instead, I got: The "Request More Information" button is showing extra line breaks above and below (resulting in a weird blank "mini-button" also)
Hi,
Thank you for contacting us and I'd be happy to assist.
For a quick fix, you can include the following custom CSS code, that will hide any line breaks added inside the button's code:
.pp-modal-button a > br {
display:none;
}
To troubleshoot, why these line breaks are getting included in the first place, I'll need to see how this button is set up, in the admin area and you can share temporary admin login details, in reply to this message.
Note: Your next reply will be private and it is recommended to make a complete backup copy, before sharing the access details.
regards,
Waqar
Thank you for sharing the access details.
I noticed that the output/markup of the button from the "PowerPack Module Box" widget, contains the extra space and allocates the span tag for the enclosed text on its own line.
screenshot: hidden link
( you can see this output on a test page named "Test page from TS support" which is not using a Toolset content template )
When the same content is processed by the Toolset's content template, it adds a br tag in place of those extra space/lines, which is the expected behavior, as per the WordPress' "the_content" filter.
We already have an internal ticket to improve the handling of these unexpected br and p tags, when a Toolset content template is designed through the Beaver Builder and I've added your voice to this ticket too.
( ref: https://toolset.com/errata/extraneous-p-and-br-tags-added-to-content-template-output-when-designed-with-beaver-builder/ )
We don't have a time estimate to share at the moment, so, in the meantime, the CSS workaround can be used to deal with those tags, on a case-to-case basis.
