New Landing How can we help? Themeforest Theme Support Flexform Nice example of pagebuilder… but how ;-)

Viewing 7 posts - 1 through 7 (of 7 total)
  • Posted in: Flexform
  • #401
    roemer
    Member
    Post count: 1

    http://themes.swiftpsd.com/flexform/?portfolio=sazzi you have nice centred text and the dark background has an arrow pointing down… is there an example code ?

    #402
    roemer
    Member
    Post count: 1

    ps: best theme ever!

    #449
    eduturns
    Member
    Post count: 26

    If you upload the demo xml files you will find the “Sazzi” portfolio page that you referenced located under: Portfolio > Page Builder Post Page 1

    From there, you can simply open the Swift Page Builder and copy the code from the full width text block element located at the top of the content area. Alternatively, open the Swift Page Builder and add the “Text Block (Full Width)” element to your page or post.

    To edit, click the small pencil icon in the upper right hand corner of the element. Add your heading to the “Widget title” field. In the demo this would be, “PROJECT OVERVIEW”. Insert a 1/4 + 1/2 + 1/4 Column with the Swift Shortcode Generator. Replace the dummy text between the opening and closing 1/4 column brackets with a period (.)

    Replace the dummy text between the 1/2 column brackets by first adding a dropcap, then add any other text you would like. Add the dropcap via the Swift Shortcode Generator > Typography. Highlight the dropcap and the text you have just entered, then click the “Align Center” button in the WP visual editor. Select “Alt 4” for the “Show alt background” field located just below the editor (Alt 4 is black by default). Enter “mt0 bb0 bt0” in the “Extra class name” field and then save.

    If you’d like it to appear exactly as it does in the demo you will need to add an extra blank line above the text you entered in the full width text block. Well, I hope that helps. If all else fails, just upload the demo xml files. Great way to learn how Ed has styled and configured different aspects of the demo.

    [one_fourth].[/one_fourth]
    [one_half]
    [dropcap1]D[/dropcap1]onec vel nunc ligula. Ut odio mauris, pharetra id porttitor lobortis, convallis a sem. Nunc ut dolor nibh. Fusce turpis dolor, dictum eu ultrices quis, tempor in felis. Suspendisse at cursus magna. Donec eleifend, felis sollicitudin rutrum bibendum, elit felis varius lorem, id viverra urna mi pretium erat. In eget sapien a lacus porttitor fermentum. Proin laoreet iaculis placerat. Sed iaculis, dolor sed ultricies dignissim, nisi est laoreet erat, ut feugiat mi dui.
    [/one_half]
    [one_fourth_last].[/one_fourth_last]
    #468
    Cosmin – SUPPORT
    Member
    Post count: 3851

    @eduturns – thanks so much for being awesome! Really!


    @roemer
    – it’s very detailed above and yes, in general, if you want to see how things are done in the demo, go ahead and import the demo content XML. It will help you understand the Page Builder much faster 😉

    Regards,
    ————————————————————————————————————
    Cosmin
    Support Assistant

    #577
    eduturns
    Member
    Post count: 26

    Thanks Cosmin, same to you! Always happy to help. Awesome team! Awesome theme!

    #598
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Thanks again, it’s much appreciated 🙂

    – Ed

    #802
    eduturns
    Member
    Post count: 26

    You’re more than welcome. Thanks for the brilliance. HYFR

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register