Split Promo box into 3 collumns

Hey ezvisa,

Thank you for using Enfold.

I’m not really sure if I understand what you need. Can you provide a screenshot? Please use imgur or dropbox.

Best regards,
Ismael

Hi,
Sorry for the late reply, thank you for the screenshot. To create columns inside the promo box, wrap your text with a class such as “promo-column” you can do this by switching to the text tab when editing the content and using this code:

<div class="promo-column">Your content here.</div>

Then add this code in the General Styling > Quick CSS field:

.promo-column {
  -webkit-columns: 3 50px;
  -moz-columns: 3 50px;
  columns: 3 50px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}

Here’s a screenshot of the results:

You can read more about this and the options

Best regards,
Mike