Unwanted Line Breaks generated when using Beaver Builder and Themer.


The issue occurs when using shortcodes to insert content and plugins within the back end Post content editor (incl. with the use of Beaver Themer). It also occurs when coding with the Beaver Builder insert Text or insert Tabs modules in the BB front end page builder.


ACF_Wys1: no class, style=”float: left; …

There is some text right after the images that float. There is some text right after the images that float. There is some text right after the images that float. There is some text right after the images that float. There is some text right after the images that float. There is some text right after the images that float. There is some text right after the images that float.




ACF_Wys3: no class, just no space or CR

There is some extra text right after the images. There is some extra text right after the images. There is some extra text right after the images. There is some text right after the images. There is some extra text right after the images.




post_wrap
post_wrap0
post_wrap1
post_wrap2
post_wrap3
post_wrap4
post_wrap5
post_wrap6
post_wrap7

Direct Post Content:
EXAMPLE 1:


1a/ – – I inserted the below code in the Post Content Text editor – – – -/


‹div style="margin: 0px; background-color: rgba(251, 252, 254, 1); border: 1px solid rgba(145, 155, 185, 0.3); padding: 8px;"›

‹img src="/wp-content/uploads/PDF.png" alt="" style="float:left; width:60px;margin-right:6px;"›

‹img src="/wp-content/uploads/PDF.png" alt="" style="float:left; width:60px;margin-right:6px;"›

‹img src="/wp-content/uploads/PDF.png" alt="" style="float:left; width:60px;margin-right:6px;"›

‹img src="/wp-content/uploads/PDF.png" alt="" style="float:left; width:60px;margin-right:6px;"›

‹/div›

The result is as expected: 4 PDF.png’s aligned in the same row







1b/- – I inserted the exact same code in an Advanced Custom Field “wysiwig” Field via the wpbb shortcode and inserted the shortcode, also in the Post Content Text editor that generates this page/post – – /:

wpbb post:acf type='wysiwyg' name='acf_wys1'
in brackets.

The result is defect due to line breaks added by the Beaver Builder wpbb post:acf shortcode call.

ACF_Wys1: no class, style=”float: left; …

There is some text right after the images that float. There is some text right after the images that float. There is some text right after the images that float. There is some text right after the images that float. There is some text right after the images that float. There is some text right after the images that float. There is some text right after the images that float.




Resulting code in the source file: a ‹br/› added at then end of each line and a ‹p› on the last one.

These ‹br/› and ‹p› issues affect multiple areas of Beaver Builder and Themer and I have been struggling with them for months using site wide custom css. Here I find no way to remove the unwanted breaks.



EXAMPLE 2:

2a/ – – I inserted two “LGC Light Grid Columns” into the Post Editor (lgc_column grid=”50″ etc…) / USING THE DIRECT INSERT => Columns Top Aligned OK/


2b/ – – NOT TOP ALIGNED using the exact same code inside an Advanced Custom Field via Beaver Builder Shortcode – – /

wpbb post:acf type='wysiwyg' name='acf_wys2' (in brackets)

ACF_Wys2

ACF_Wys0 Content

Text
Text
code-type Typography
Ti18_w1 Typography
Ti15_w1 Typography
Ti_L Typography
Ti_C Typography
fL_p10 Typography
fL_p20 Typography
t_w1L Typography
t_w1R Typography
t_w1C Typography
Frames
HTML snippetsCustom CSS
lgc0
lgc-grid-parent PC/T/M
inside-grid-column PC/T/M
lgc1 PC/T/M
lgc0
lgc-grid-parent PC/T/M
inside-grid-column PC/T/M
lgc1 PC/T/M
lgc2
pw0
pw1
pw2
pw3
pw4
pw5
pw6
pw7
post_wrap_Grp
post_wrap
post_wrap0
post_wrap1
post_wrap2
post_wrap3
post_wrap4
post_wrap5
post_wrap6
post_wrap6b
post_wrap7
post_wrap8
post_wrap9
post_wrap10
post_wrap11
Font styling: code-type Ti18_w1 Ti15_w1 Ti_C Ti_L t_w2 fL_p10 fL_p20 t_w1L t_w1R t_w1C

Innsikt 48 2022 | Gode råd for å huske …. TEST

Sorry, but you do not have permission to view this content.
Mer...

Åpningsturnering 140522 Test Webappmaster

‹L16› Det viktigste tipset for å huske det du nettopp har lært, er å formidle det videre til…
Mer...

Innsikt 48 2022 | Gode råd for å huske bedre

Det viktigste tipset for å huske det du nettopp har lært, er å formidle det videre til andre….

Mer...

Innsikt 47 2022 | En god historie er gull verd for merkevaren

Vi ønsker at det vi formidler skal være minneverdig. En historie holder seg i tilhørernes bevissthet lenge etter…

Mer...

Innsikt 46 2022 | Tid til å dvele

“Den er så svinnende kort den stund vi mennesker er sammen.” – Hans Børli Når du dveler, tar…

Mer...

MULTI-DISTRIBUTION – FAKE FOR TEST1

| Testing multi-site distribution 2022-01-25 ≥ Manage Assets |  ≥ Add new | ≥ Edit th_lay_sitewide

Mer...

Medlemmer

Kursmateriell

Mer...

OCC Prosjekt

Mer...

Nito som kunde

Mer...

Pge2-Cathy bkp

Mer...

Pge1-Cathy

Mer...

IMG2

div class=ØfL7 img class=h90 div class=ØfL7 img class=h90 div class=ØfL7 sq-c style=width:90px img class=sq-img Better sol°: border OK…

Mer...