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

SiteOrigin Custom CSS 20211014

Mer...

Innsikt 43 2021 | Det er en sjelden luksus å bli lyttet til

Helt fra vi var barn har vi lært – og blitt oppfordret til – å snakke, men vi…

Mer...

Innsikt 42 2021 | Det har aldri vært lettere å bygge nettverk enn det er nå

Syns du pandemien gjør det utfordrende å bygge og vedlikeholde nettverk? Tilt hodet og innta et annet perspektiv:…

Mer...

Opplæring

Hallo Catherine Jeg coacher mange dyktige kvinner og menn som strever fordi de føler at de skal prestere…

Mer...

Tilbakemelding1

  | Lege Ellen Ræstad var på Gi Faen kurs for flinke piker

Mer...

Innsikt 41 2020 | Sett grenser med stil!

Prioritering er vanskelig for mange. Er du blant dem som kvier seg for å si nei, både på…

Mer...

Gi Faen Kurs

  | Du er mer enn god nok, stol på det!

Mer...

Innsikt by Disney

There is no excerpt because this is a protected post.

Mer...

Innsikt 40 2020 | Creativity by Disney

Kreativitet og nytenkning er ekstra viktig i den situasjonen vi alle er i, med en ny bølge av koronasmitte…

Mer...

SU Shortcodes Settings

There is no excerpt because this is a protected post.

Mer...

Card26

🛠 alt 🛠 •ë“‘{¶«¡Çø}— æÂꮆںîœπô€ ‡Ò∂ƒfiÌÏȬµÙ@ ≤‹≈©◊ß~∞…÷≠ shift alt Ÿ´„”’[å»ÛÁØ]– ÆÅÊ‚™ŸªïŒ∏Ô¥ Ω∑∆·flÎÍË|Ó‰# ≥›⁄¢√∫ı¿•\± ▶️ 🛠 ⚙️ 🔗 ✅…

Mer...

Cardlet7

  Hva kundene sier | TEATHERCAFÉEN i Oslo Hilde Lystad Tidl. Daglig leder for Theatercaféen Historien: Theatercaféen er…

Mer...