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

BKP functions.php

Mer...

The Happiness Advantage – Shawn Achor

 

Mer...

Innsikt 54 2023 | Kunsten å knytte bånd: Veien til meningsfulle relasjoner

Nylig deltok jeg på et Litt klokere-møte i regi av tilt.work, der temaet var onboarding. Møtet inspirerte meg…
Mer...

Innsikt 53 2023 | Visualisering: Se det for deg

Visualisering gjør deg tryggere og er en svært effektiv teknikk, mye brukt blant idrettsutøvere. Det handler om å…

Mer...

Innsikt 52 2023 | Motiverende samspill

Vi har alle hørt om ROI – Return on Investment – men hva med Return On Involvement? Det…
Mer...

Innsikt 51 2023 | Lykke nå!

Hvorfor vente? Du blir ikke lykkelig når du har oppnådd suksess. Du oppnår suksess når du er lykkelig….
Mer...

Innsikt 50 2022 | Jakten på mening

Løfter du blikket og ser ting i et større perspektiv, vil ofte det meningsfulle utfolde seg. Se for…
Mer...

Innsikt 49 2022 | Magien i “The Elevator Pitch”

«Historien drives frem av individer som danner effektive allianser». Richard Koch, forfatter av «The 80/20 Principle» Det er…
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...