Funky Business
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.
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›
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.
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.
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
2
2
ACF_Wys0 Content
Innsikt nr. 16 2013 | Relasjoner og nettverk
“Nettverk er alt. Spesielt med min bakgrunn, har jeg all grunn til å si det!” uttalte motstandsmannen Gunnar…
Innsikt nr. 15 2013 | En god start
Har du lagt merke til at hvis du kommer godt ut på hoppkanten, så er mye gjort? Har…
Innsikt nr. 14 2013 | Attitude
“Attitude is a little thing that makes a big difference” sa Winston Churchill. Min overbevisning er at med…
MOT på timeplanen
“Før turte jeg ikke å snakke med noen, men da MOT kom ble det fint. Nå tør jeg…
Innsikt nr. 13 2013 | Creativity by Disney
I motsetning til det mange tror, er en kreativ prosess ofte strukturert. Walt Disney hadde sin egen kreativitetsstrategi…
Innsikt nr. 17 2013 | Skap engasjement
Kun 13% av arbeidsstyrken i verden er virkelig engasjert i jobben sin, det viser en undersøkelse Gallup har…
Innsikt nr. 12 2013 | Det vi fokuserer på forsterker vi
Har du lagt merke til at når vi har fokus på noe, så dukker dette “noe” opp overalt!…
Relasjoner og nettverk
“Nettverk er alt. Spesielt med min bakgrunn, har jeg all grunn til å si det!” sa motstandsmannen Gunnar…
Innsikt nr. 11 2013 | Form overskygger innhold
Ord kommer ofte i veien for kommunikasjonen når kroppsspråket ikke harmonerer med det vi sier. Det er små…
Innsikt nr. 10 2012 | Stress less
Visste du at vi puster 20.000 ganger i løpet av en dag, og at 60-70% av avfallsstoffene våre…