Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #900767

    Hi,
    I would like to create 6 columns in the color section. I tried the custom code to quick CSS I found in previous topics but without any results unfortunately.
    Could you please explain how I can create 6 columns?
    Thanks!!

    #901210

    Hey WindowStories,

    What code did you try so far and where can we see the result?

    Best regards,
    Rikard

    #901367
    This reply has been marked as private.
    #901452

    Essentially, 2 files are responsible for this (avia-builder.js and columns.php). And to add a little css code. Funnily, there are f.e. in grid.css up to 1/10 div instructions.
    Allthough it is an existing png for sixth columns there you have to create an own sc-sixth.png

    All these files are in config-templatebuilder folder.

    #901455

    it is not so complex to create these files – and with shortcode of columns.php it is easy to have this in a child-theme.
    But i realy do not know how to get a “child-theme” avia-builder.js – so that these changings are not lost on update of enfold parent theme.

    For your study: webers-testseite.de/6thColumns.zip

    Because there has to be changes for admin layout there must be some entries (all included in the zip file)
    it does not work to put this css to quick css!

    function admin_head_mod() {
    echo '<style type="text/css">
    .avia_layout_builder .av_one_sixth{width:14%;}
    .avia_layout_builder .av_five_sixth {width: 80%;}
    </style>';
    }
    add_action('admin_head', 'admin_head_mod');

    you only have to define than – the responsive design.

    #902616

    Hi WindowStories,

    Have you tried Guenni007’s suggestion?

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #903274

    Dear Victoria,

    I would like further assistance since the changes are lost for avia-builder.js since this cannot be done in the child theme..
    Is there a way to do this in quick CSS?

    Best regards, Helga

    #903277

    Dear Guenni,

    Thank you for your response.
    I have made all my changes so far in quick CSS.. Maybe I should consider to create a child theme and do more specific adjustments here.
    (I’m new at this :)

    Kind regards,
    Helga

    #904378

    Hi,

    Yes please create a child theme.
    There is also no way to do changes on avia-builder.js through Custom CSS.

    Best regards,
    Basilis

    #904389

    these changes are to complicate?

    maybe you insert on your alb a grid-row 1/2 – 1/2 and put in 1/3 columns – so there are 6 columns side by side and than you only have to set the grid-row to non-fullwidth – see here:
    https://kriesi.at/support/topic/grid-row-not-fullsize-how-to/

    looks than this way: https://webers-testseite.de/30468-2/

    #905167

    Hi,

    There is always a workaround, but that one is more of a hackish way!
    The Code change is the easier and the most efficiency.

    Best regards,
    Basilis

    #905519

    This is perfect! The grid wth 2 rows worked great, thanks for all the input!

    • This reply was modified 6 years, 9 months ago by WindowStories.
    #906065

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #906263

    Dear Rikard,

    You can close the topic, thanks!!

    #906511

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Basilis

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘How to create more columns’ is closed to new replies.