CSS To Create Column In Column?

Beaver Builder
1

Hey Guys,

Working on a page design that requires a column in a column.

I’ve managed to create the simple layout I need with CSS and a couple Callout Modules.

I’ve got the columns having the correct width, but I can’t get them on the same row… no matter what I seem to try with css. You can see my results in the screenshot below:

http://cl.ly/1s3M470H3M1W

My code looks like this:

#wpcw_getstarted {background: #fa4949; width: 66%; float: left;}
#wpcw_questions {background: #C74949; width: 33%; float: left;}

Which should work… but doesn’t.

I’ll post a link to the page as a private reply since the contents of the page is proprietary for my client.

2

[Content Hidden]

3

I went ahead and put this up on a less sensitive page here: http://learn.richardmatthews.me/virtual-business-empire/

4

Hey Richard,

That’s because you have Equal Heights enabled on the column. Float doesn’t work on Flex items. :slight_smile: Disabling that feature should fix you right up! :slight_smile:

Ben

5

Hey Ben,

Thanks again! That does work.

Unfortunately that makes my left sidebar not be equal height :frowning:

No biggie though, I’ll just make up that column in a column with HTML module instead. That works fine and let’s me keep my equal height columns for the left sidebar and the main content.

You guys have an eta on that Column-In-A-Column feature?

Richard

6

Hey Richard,

Sorry, no concrete timeline for that yet. Surely though, it will be part of a major update. So just watch out for the betas that we release, or check the blog. :slight_smile:

Ben