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

Innsikt nr. 9 2012 | Storytelling

Abraham Lincoln praktiserte som advokat før han ble president, og han var legendarisk for sine åpnings- og sluttprosedyrer….

Mer...

Innsikt nr. 8 2012 | Chutzpah – Om Guts & FLOW

På et seminar nylig i Stockholm, hørte jeg Robin Sharma, forfatteren av boken “Munken som solgte sin Ferrari”….

Mer...

Innsikt nr. 7 2012 | I delfinens ånd

Ved å studere dyrenes adferd, kan vi lære noen viktige prinsipper om hva som skaper styrke i team….

Mer...

Innsikt nr. 6 2012 | Gelé-effekten

Sitatet til den franske forfatteren Voltaire ”Hemmeligheten ved å kjede folk, er å fortelle alt” var sant på…

Mer...

Innsikt nr. 4 2012 | Tilstandsmestring

Den viktigste gaven du kan gi deg selv og dine omgivelser, er å ha en daglig morgenrutine hvor…

Mer...

Innsikt nr. 5 2012 | Sterke merkevarer

For noen år siden i forbindelse med et foredrag jeg holdt for Rotary, utfordret jeg meg selv på…

Mer...

Innsikt nr. 3 2012 | Tips til å håndtere stress i hverdagen

Litt mange mailer da du kom hjem fra påskeferie? Informasjonsmengden vi daglig utsettes for, oppleves ofte som overveldende…

Mer...

MOT til å bry seg

MOT er en ideell organisasjon som skal styrke ungdoms mot til å ta vare på seg selv og…

Mer...

The Thank You Economy

 

Mer...

Innsikt nr. 2 2012 | The Happiness Advantage

Takk til alle dere som ga meg en tilbakemelding etter første mailen i januar, og velkommen til noen…

Mer...

Innsikt nr. 1 2012 | Vi deler mer enn før

Da jeg holdt lederutviklingskurs i forrige uke, reflekterte jeg over en veldig gledelig trend som i stor grad…

Mer...

Kroppsspråket avslører deg

Det er ikke det du sier som er viktigst når du skal overbevise noen. Det er måten du…

Mer...