[Support request] How do I activate multiple columns

[David]

I have a home page using the Classic Editor. I have two sidebar columns and the main center column as the body of my page. Can I add two (2) columns in the body of the primary column while using the Classic Editor and if I can, what is the process?

Thanks
DB

[Ying]

Hi David,

Just to be clear, you are trying to add 2 columns to the content area using Classic editor?

Well, that will require custom HTML and CSS I believe.

As it’s not theme related, we can’t really offer a full solution for this, unfortunately.

The structure can be something like this:

<div class="custom-columns">
<div class="custom-column-1">column 1</div>
<div class="custom-column-2">column 2</div>
</div>
 

Then you can use CSS like this to set the column widths:

.custom-columns {
    display: flex;
}
.custom-column-1 {
    width: 40%;
}
.custom-column-2 {
    width: 60%;
}

[David]

I think that might work. I’ll test it and let you know.

Thanks

[Ying]

You are welcome 🙂

[Author]

Posts