Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 13, 2015 at 6:34 am #443554
    fineart

    Hello

    1. FormidablePro Plugin – Portfolio layout builder section
    a. contains the default Page builder (without the Blue ‘Default/Avia’ button toggle) – Picture One below
    b. But not the AVIA Layout Builder
    is it possible to activate the Avia Layout Builder on this section of the plugin layout builder?
    see picture

    And if Not

    The Question
    Is there a way to ensure the code cut from the Avia Layout Editor, when pasted into the FormidablePro layout (presumably the standard WP layout editor), will render as is and without any cross contamination or code error?

    2. AVIA Layout Code – how to avoid cut n paste issues
    a. AVIA Debug is activated so as to copy the code when using AVIA layout builder
    b. A layout design is generated using: Enfold Portfolio Post/ Avia Layout builder
    c. Avia code (sourced from the text window) is pasted into the FormidablePro ‘create a portfolio post’ section – as per 1a. above
    d. The created post is front-end editable via a return link to form page
    – and thus cycles between the Form Page and the Portfolio Post – with any given edit/ review – edit/ review etc
    e. As such there is a FormidablePro Form/ Enfold Portfolio Post sync

    3. The Issues
    a. the initial created portfolio page does not render the Design layout as the code should dictate PICTURE TWO
    b. ADMIN/ WP-Dashboard/Portfolio/ review of created Portfolio Post –
    c. the intial/ default enfold view of the Portfolio Post is the Default Layout View – PICTURE THREE
    d. with a switch from the ‘Default Layout Builder’ to the – AVIA Layout Builder’ (Blue Toggle button) and a subsequent post ‘Update’
    e. renders the front end Portfolio Post layout as it should be PICTURE FOUR

    BUT breaks the sync between formidable
    ie any Front End Form Edits do not sync/update to the linked front end Portfolio Post

    4. The Question
    Is there a way to ensure the code cut from the Avia Layout Editor, when pasted into the FormidablePro layout (presumably a standard WP editor), will render as is and without any cross contamination or code error?

    1a. No Avia Layout Editor on Formidable Pro plugin layout editor section – can it be switch on?

    3A – created post does not have correct formating as should be

    3c Admin view of Portfolio post – with initial ‘Default Editor’ view

    3D Admin view after AVIA LAYOUT editor ‘review’ and them publish

    3E. Portfolio Post layout as it should be

    As always, fantastic, prompt and very helpful support and always appreciated
    Chris

    May 14, 2015 at 12:26 pm #444250
    Ismael

    Hey fineart!

    Thank you for using Enfold.

    I hate to break it to you but unfortunately, we don’t provide support for third party plugins. From what I know, you can create a form in the formidable pro form builder then use the form shortcode in order to add it in post or page.

    1.) I’m sorry but it’s not possible to activate the ALB on the plugin’s builder.
    2.) You can’t use the theme’s shortcode in the formidable pro editor. Use the form’s shortcode [[formidable id=x]] inside the advance layout builder instead.
    3.) It’s not advisable to switch between the default and advance layout builder because it might break the shortcodes. This is the same issue when you use the visual composer plugin. It is actually disabled by default unless you activated the debug mode.
    4.) Refer to number 2.

    Best regards,
    Ismael

    May 15, 2015 at 1:46 am #444700
    fineart

    Good morning,
    thanks for your response, It is what it is and no problems.

    Perhaps I can solve it with these these Q’s then as the problem is simply a Layout issue.

    A. Stretched Layout is designated on Enfold settings panel
    B. Column Layout shortcodes appear to box the layout

    Please see attached image below for layouts reference and can these be altered (with local or page) shortcode rather than global css?

    1. & 3.
    Can the Image (uploaded at 560x1920px) at the top of the page be controled to FULL WIDTH (1) and without gap (3) at top of page? It is within a 1 column-full as per shortcode below.
    [av_one_full first][av_image src='[352 show=id]’ attachment='[352 show=id]’ attachment_size=’full’ align=’center’ animation=’pop-up’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image][/av_one_full]

    2. The Gallery – Can it be controled to go edge to edge as per the Stretched Enfold setting point A above.
    – is without any layout column shortcode
    The ALB ‘Grid’ layout achieves these controls with the padding etc – but is only available in the ALB – and I have tried many variations but as you identify the shortcodes break some along the process

    [av_gallery ids='[341 show=id]’ style=’thumbnails’ preview_size=’portfolio’ crop_big_preview_thumbnail=’avia-gallery-big-crop-thumb’ thumb_size=’shop_catalog’ columns=’3′ imagelink=’lightbox’ lazyload=’avia_lazyload’]

    Thanks a mil
    Chris

    May 18, 2015 at 5:14 pm #445851
    Andy

    Hey!

    Instead of using global CSS you can use a code for only a specific page using page-id.

    To make your first image full width use this code:

    img.avia_image {
max-width: 141%;
width: 141%;
left: 184px;
}

    and adjust as needed.

    I don’t know what you mean in 2.) . What do you want to achieve? your website looks pretty much the same as your screenshot (gallery). I think it already goes edge to edge, or which edge do you mean?

    Cheers!
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.