Transformer Rules and Layout/Page Builders

Hi All,

I’m looking for a little bit of help with the transformer. A friend asked for some help setting up IAs on their blog, but they are using a layout builder that is making their code a complete mess when facebook pulls the blogs. The builder is Avia Layout Builder, but I’ve seen the same issue with Visual Composer. It uploads to facebook with no errors, but viewing the code shows all of the builders mark-up in the instant article. I don’t even know where to begin when trying to use the transformer to style this code. Has anybody had any luck combining Instant Articles with page builders like these? Here is a code sample that Avia is producing.

<p>[av_one_fourth min_height=’av-equal-height-column’ vertical_alignment=’av-align-middle’ space=’no_margin’ margin=’0px’ margin_sync=’true’ padding=’15px,15px,0px,0px’ border=” border_color=” radius=’0px’ radius_sync=’true’ background_color=” src=” attachment=” attachment_size=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]<br/>
    [av_image src=’sample.jpg’ attachment=’2204′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’][/av_image]<br/>
    [/av_one_fourth]</p>