Site logo

Archived topic

column borders

6 replies · Started by Mike on August 27, 2019

Viewing posts 1–7 of 7

Hi
I like to use column block in gutenberg with two equal colums with 6-10 lines of text in each. Can I wrap both of them together with a border that makes them one block with css?

Thanks Mike Mahaffey

Hi there,

try this:

1. Create your two columns.
2. Select the columns container block - not the individual columns.
3. In the Settings Sidebar under Advanced add container-border to the Additional CSS field.
4. Then style it with this CSS:

.container-border {
    border: 1px solid #ccc;
    box-sizing: border-box;
}

You can then add the container-border class to any blocks you want to display a border on.

I can no other answer make but Thanks, and Thanks, and Ever Thanks...

William Shakespeare and
Mike Mahaffey

Glad to be of help :)

Awesome!

Glad to hear you found it of use :)

[deleted]

This archived topic is closed to new replies.