Creating Multi-Column Layouts with CSS in Div Elements

General
1

Is there a setting to display text within a div element across multiple columns?

<div class="multicolumns">
  Your text goes here...
</div>

.multicolumns {
  column-count: 3;
  column-gap: 20px;
  text-align: justify;
}
2

Hi @weedor,

Not built-in to Cwicly yet as far as I know, but you can use Advanced > Custom CSS for this OR put it in an external stylesheet as a class.

3

Hi @StrangeTech
It was just to avoid some css lines. The code that I posted does the job.

Do you know if it’s possible to save, copy, export, or otherwise preserve all the classes of a block element 'and of its components), so that they remain after being restored, pasted, or imported?

Thank you for your support,
Cheers,
Bruno

4

This might be accomplished with the upcoming “Components” update that Louis may be talking about on the Live video today.

Using the Design Library allows you to accomplish this now.

1 Like
5

Thanks @owynter
Unfortunately, I missed the live session.
However, I will watch the recording and hope to figure out how to achieve that.

6

You’ll need to set up an account. This will provide you with an access key that you plug into all your sites. , personally, have a boilerplate site with all my plugins and settings, and this key installed. So you can just quickly save entire blocks to the Library and instantly have access to them across your sites.

Check the option to export Global Classes and it will save those and when you add it to a different site, it will import all those CSS properties.

The only caveat is if you already have the same class defined, it will not overwrite (to my knowledge).