Masonry • Custom Layout • Card 6 (wpbb post:content)

Takk for sist.
Gi faen-kurs for flinke folk!
Uncover wealths of viewing insights
about your documents.

Discover the power of PDF Page by Page Experiences and Live Insights, brought to your desktop.

Add amazing depths of experience
to document sharing
Uncover wealths of viewing insights
Add powerful experiences
to the documents you share
.
visualiser ønsket resultat,
bli tryggere,
få til mer av det du vil.

Mobile

Tablet

PC

Gjør som Kjetil André Aamodt,
Registrer deg i feltet til høyre.
Få tilgang til tips
next arrow
Slider





Hei, håper at du fikk noen nyttige innspill på kurset.


Legg inn navn og e-post, så får du tilgang til en PDF med en oppsummering av tipsene.


Prioriter det som er aller viktigst for deg og gi litt mer f… i mindre vesentlige ting.


Lykke til!



Dersom du har spørsmål, ta kontakt på e-post: catherine@ticato.no


Foredrag og kurs

IMG


Ticatos aktiviteter

Les mer..

Budskap

Vi kan hjelpe deg å få frem ditt budskap på en tydelig og engasjerende måte, bygge en sterk merkevare og jobbe smartere. Branding eller merkevarebygging handler om valg.


Branding

Branding er summen av det vi velger å kommunisere til andre, for at de skal velge oss. En sterk merkevare oppleves som attraktiv og skaper emosjonelle bånd til kundene.


Kommunikasjon

Evnen til å kommunisere effektivt og tydelig blir stadig viktigere. Kommunikasjon står sentralt i alt vi foretar oss, og er ofte avgjørende for hvorvidt vi lykkes eller ikke. Økt innsikt og praktisk trening gjør deg tryggere og bedre.​






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

Masonry • Custom Layout • Card 6 (wpbb post:content)

Takk for sist.
Gi faen-kurs for flinke folk!
Uncover wealths of viewing insights
about your documents.

Discover the power of PDF Page by Page Experiences and Live Insights, brought to your desktop.

Add amazing depths of experience
to document sharing
Uncover wealths of viewing insights
Add powerful experiences
to the documents you share
.
visualiser ønsket resultat,
bli tryggere,
få til mer av det du vil.

Mobile

Tablet

PC

Gjør som Kjetil André Aamodt,
Registrer deg i feltet til høyre.
Få tilgang til tips
next arrow
Slider




Hei, håper at du fikk noen nyttige innspill på kurset.


Legg inn navn og e-post, så får du tilgang til en PDF med en oppsummering av tipsene.


Prioriter det som er aller viktigst for deg og gi litt mer f… i mindre vesentlige ting.


Lykke til!



Dersom du har spørsmål, ta kontakt på e-post: catherine@ticato.no


Foredrag og kurs

IMG

Ticatos aktiviteter

Les mer..

Budskap

Vi kan hjelpe deg å få frem ditt budskap på en tydelig og engasjerende måte, bygge en sterk merkevare og jobbe smartere. Branding eller merkevarebygging handler om valg.


Branding

Branding er summen av det vi velger å kommunisere til andre, for at de skal velge oss. En sterk merkevare oppleves som attraktiv og skaper emosjonelle bånd til kundene.


Kommunikasjon

Evnen til å kommunisere effektivt og tydelig blir stadig viktigere. Kommunikasjon står sentralt i alt vi foretar oss, og er ofte avgjørende for hvorvidt vi lykkes eller ikke. Økt innsikt og praktisk trening gjør deg tryggere og bedre.​





8




8 | Layout linked


Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1, Ligne 1,

Ligne 2, Ligne 2, Ligne 2, Ligne 2, Ligne 2, Ligne 2,

Ligne 3, Ligne 3, Ligne 3, Ligne 3, Ligne 3, Ligne 3,


1
Content: field 1





Direct Insert in Post Editor






Direct Insert in Post Editor



2
Content: field 2
[su_custom_gallery source=”media: 9754, 9755″ limit=”8″ link=”custom” target=”self” width=”70″ height=”70″ title=”hover” class=””]


3
Content: field 3


4
Content: field 4


5
Content: field 5


6
Content: field 6
Æ Ø Å æ ø å


7
Content: field 7

Masonry • Custom Layout • Card 6 (wpbb post:content)

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

Takk for sist.
Gi faen-kurs for flinke folk!
Uncover wealths of viewing insights
about your documents.

Discover the power of PDF Page by Page Experiences and Live Insights, brought to your desktop.

Add amazing depths of experience
to document sharing
Uncover wealths of viewing insights
Add powerful experiences
to the documents you share
.
visualiser ønsket resultat,
bli tryggere,
få til mer av det du vil.

Mobile

Tablet

PC

Gjør som Kjetil André Aamodt,
Registrer deg i feltet til høyre.
Få tilgang til tips
next arrow
Slider




Hei, håper at du fikk noen nyttige innspill på kurset.


Legg inn navn og e-post, så får du tilgang til en PDF med en oppsummering av tipsene.


Prioriter det som er aller viktigst for deg og gi litt mer f… i mindre vesentlige ting.


Lykke til!



Dersom du har spørsmål, ta kontakt på e-post: catherine@ticato.no


Foredrag og kurs

IMG

Ticatos aktiviteter

Les mer..

Budskap

Vi kan hjelpe deg å få frem ditt budskap på en tydelig og engasjerende måte, bygge en sterk merkevare og jobbe smartere. Branding eller merkevarebygging handler om valg.


Branding

Branding er summen av det vi velger å kommunisere til andre, for at de skal velge oss. En sterk merkevare oppleves som attraktiv og skaper emosjonelle bånd til kundene.


Kommunikasjon

Evnen til å kommunisere effektivt og tydelig blir stadig viktigere. Kommunikasjon står sentralt i alt vi foretar oss, og er ofte avgjørende for hvorvidt vi lykkes eller ikke. Økt innsikt og praktisk trening gjør deg tryggere og bedre.​