Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 3, 2014 at 1:25 am #345022
    DianeBenscoter

    Hi guys,

    I’ve looked though the forums and tried using the advanced layout builder (but it’s buggy)….

    How can I wrap different content with different color backgrounds, similar to this page:
    http://portsmouthparkingshuttle.com/

    Also, with CSS, how can I disable the the horizontal gray lines in between?:
    http://screencast.com/t/N0A5U2247e

    Thanks!!

    November 3, 2014 at 5:26 am #345071
    Arvish

    Hi DianeBenscoter!

    The following outlines how to use Avia Layout Builder for your requirements.

    1. Add a coloured section using Avia Layout Builder
    2. Click on the coloured section to open the settings modal.
    3. Select a Custom Background Colour

    4. Disable Top and Bottom Border Styling by selecting “No Border Styling”

    Should you have any further questions or encounter any bugs, we are always happy to assist.

    Regards,
    Arvish

    November 3, 2014 at 11:09 pm #345598
    DianeBenscoter

    Hi Arvish,

    Thanks for the screenshots :)

    How do I add text on top of the different backgrounds?

    Thanks!!

    November 4, 2014 at 3:38 pm #345884
    Yigit

    Hey!

    You can add Text Block or any other elements inside Color Section elements :)

    Best regards,
    Yigit

    November 5, 2014 at 4:16 am #346334
    DianeBenscoter

    Hi Yigit,

    Ahh.. that makes sense. I didn’t know I could drop things inside of the color section.

    The editor is very buggy for me.. my content gets deleted if I switch back to basic editor.

    Also, I can’t edit text blocks. Here is a screenshot: http://screencast.com/t/LiEUMK8XeN9 (no edit icon).

    Here is the site: http://ownyourbrain.org/

    Am I able to use color section with shortcodes instead? I think this would be better.

    Thanks :)

    November 5, 2014 at 4:38 pm #346614
    Yigit

    Hi!

    You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
    You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.

    Cheers!
    Yigit

    November 5, 2014 at 6:16 pm #346687
    DianeBenscoter

    Thanks for the screenshot Yigit… the only thing is that “color section” is not in the magic wand list! ;)

    Any ideas?

    November 5, 2014 at 10:23 pm #346792
    Yigit

    Hi!

    Fullwidth elements such as Color Section can be only used fullwidth, therefore, they do not have shortcodes. If you can give us more on what you would like to illustrate, we may help you better :)

    Cheers!
    Yigit

    November 5, 2014 at 11:34 pm #346844
    DianeBenscoter

    Hi Yigit,

    Bummer about no shortcodes for color sections, but I can understand.

    We would like to have a page that looks somewhat like this: http://portsmouthparkingshuttle.com/

    (different color backgrounds for different text parts).

    Thanks!!

    November 6, 2014 at 12:06 am #346868
    Yigit

    Hi!

    You can create it using ALB easily. You can enable debugging mode ( i posted above but just in case in went unnoticed http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/ ) and you can see the shortcodes when you switch to default editor.

    Cheers!
    Yigit

    November 7, 2014 at 12:26 am #347466
    DianeBenscoter

    Hi Yigit,

    I added the code to functions.php, but the page is pretty buggy (I can’t switch from visual to text tab & sometimes the WYSIYG editor appears twice on the page).

    Also, the colors are not going full width: http://ownyourbrain.org/about/own-your-brain/

    Any ideas?

    November 8, 2014 at 3:40 am #348052
    Ismael

    Hey!

    I’m sorry but you’re using an old version of the theme, 2.9.2. Please download the latest version from your themeforest account then update the theme via FTP. Please refer to this link for more info: http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Thousand of users are using Enfold and only a few reported issues regarding the editor. FYI, you can’t switch between default editor and the advance layout builder. Switch your builder to debug mode if you want to see the actual shortcode but be careful when you move the content via shortcodes panel. Make sure that you move all parts of the shortcode or it will break the page. Stick with the ALB, it is easier and safer.

    Cheers!
    Ismael

    November 15, 2014 at 8:25 am #351722
    DianeBenscoter

    Hey Ismael,

    Thanks for letting me know about the update — I’ll take care of that :)

    I think it’s because I started with shortcodes and then moved to the editor and it was bit wonky ;)

    I deleted all content and started over and the editor is much better now. Thanks for the tips!!

    Have a great weekend!

    November 16, 2014 at 8:47 pm #352145
    Andy

    Hey!

    Glad you did it! Let us know if we can help you with any other issue.

    Regards,
    Andy

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