Creating columns smaller than 1/5 to enable more in a row

Hi Tommy,

I’m not sure if I understand your question, could you try to explain a bit further or post a screenshot highlighting your intentions please?

Best regards,
Rikard

Hi,
I believe we can achieve this with css:

Basically this will create the above for desktop:

#formula .flex_column_table .av-flex-placeholder:before {
  content: url(https://img.icons8.com/officel/80/000000/plus-math.png);
  display: inline-block;
  margin-top: 5em;
}

You can test this in your Quick CSS, the icon is a free hosted one, but you can change the url to your own icon.
But you will need media queries for it to look good in mobile, tablet, and desktop:

@media only screen and (min-width: 1200px) { 
#formula .flex_column_table .av-flex-placeholder:before {
  content: url(https://img.icons8.com/officel/80/000000/plus-math.png);
  display: inline-block;
  margin-top: 5em;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) { 
#formula .flex_column_table .av-flex-placeholder:before {
  content: url(https://img.icons8.com/officel/40/000000/plus-math.png);
  display: inline-block;
  margin-top: 5em;
}
}
@media only screen and (min-width: 670px) and (max-width: 767px) { 
#formula .flex_column_table .av-flex-placeholder:before {
  content: url(https://img.icons8.com/officel/80/000000/plus-math.png);
  display: inline-block;
  margin-left: 15.5em;
}
}
@media only screen and (min-width: 427px) and (max-width: 669px) { 
#formula .flex_column_table .av-flex-placeholder:before {
  content: url(https://img.icons8.com/officel/80/000000/plus-math.png);
  display: inline-block;
  margin-left: 13em;
}
}
@media only screen and (min-width: 377px) and (max-width: 426px) { 
#formula .flex_column_table .av-flex-placeholder:before {
  content: url(https://img.icons8.com/officel/80/000000/plus-math.png);
  display: inline-block;
  margin-left: 7em;
}
}
@media only screen and (min-width: 322px) and (max-width: 376px) { 
#formula .flex_column_table .av-flex-placeholder:before {
  content: url(https://img.icons8.com/officel/80/000000/plus-math.png);
  display: inline-block;
  margin-left: 6em;
}
}
@media only screen and (max-width: 321px) { 
#formula .flex_column_table .av-flex-placeholder:before {
  content: url(https://img.icons8.com/officel/80/000000/plus-math.png);
  display: inline-block;
  margin-left: 5em;
}
}

This is only rough to get you started, please feel free to test and adjust to suit your needs.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike