-
AuthorPosts
-
January 22, 2018 at 12:17 pm #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!!January 23, 2018 at 6:51 am #901210Hey WindowStories,
What code did you try so far and where can we see the result?
Best regards,
RikardJanuary 23, 2018 at 11:14 am #901367This reply has been marked as private.January 23, 2018 at 2:08 pm #901452Essentially, 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.January 23, 2018 at 2:10 pm #901455it 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.
January 25, 2018 at 6:38 am #902616Hi WindowStories,
Have you tried Guenni007’s suggestion?
If you need further assistance please let us know.
Best regards,
VictoriaJanuary 26, 2018 at 10:14 am #903274Dear 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
January 26, 2018 at 10:20 am #903277Dear 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,
HelgaJanuary 29, 2018 at 7:21 pm #904378Hi,
Yes please create a child theme.
There is also no way to do changes on avia-builder.js through Custom CSS.Best regards,
BasilisJanuary 29, 2018 at 7:44 pm #904389these 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/
January 30, 2018 at 9:54 pm #905167Hi,
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,
BasilisJanuary 31, 2018 at 11:47 am #905519This 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.
February 1, 2018 at 9:16 am #906065Hi,
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,
RikardFebruary 1, 2018 at 1:07 pm #906263Dear Rikard,
You can close the topic, thanks!!
February 1, 2018 at 11:08 pm #906511Hi,
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 -
AuthorPosts
- The topic ‘How to create more columns’ is closed to new replies.