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/

[su_menu name=”Cases”]


[su_menu name=”Kurs”]


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

[su_menu name=”Cases”]


[su_menu name=”Kurs”]


2

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

Typography2

TYPOGRAFI TEST SIDE – IKKE TIL OFFENTLIG BRUK b4 br-7 display: block; margin-bottom: -0.7em; Le Cantique des Cantiques…

Mer...

Test2

| Content created in back-end classic text editing dashboard Beaver Themer Layout is activated via the Category selector…

Mer...

Test1

Beaver Builder page: > Content in text block Paragraph H2 Heading H1 Heading Line 1: Carriage return (+…

Mer...

Test line break problems

Edit •|• Disable wpautop: ACTIVE Note: IF “Disable wpautop” = ACTIVE | To maintain 1 line, do NOT…

Mer...

Innsikt 39 2020| Impostor Syndrome

Har du noen gang kjent på frykten for å ikke være bra nok, ikke så god som andre…

Mer...

Master

Posts | Pages | Custom CSS | Customize | Menus | Media | Plugins | Themer | Themes…

Mer...

Innsikt nr. 29 2017 | Ordenes magi

  Ord trigger tanker og følelser, og jeg blir like fascinert hver gang jeg opplever at små nyanser…

Mer...

Card10

Innsikt nr. 35 2019 | Give and take Adam Grant er forfatter av boken “Give and take”, og…

Mer...

Gi faen for flinke folk 130520

Mer...

Card9

Mer...

Card8

Direct Insert in Post Editor

Mer...

Card7

Mer...