1-2 Column border

(0) Share

Report

Posted on by Filippa f

160

Hi all,

I would like to create a border around the two boxes in this picture as I have done in top column. I can only create a border sepratly for the boxes, but is it maybe possible to add a border around them both. Maybe something in html? I would really appriciate the help! (needed for a picture in the left box and text in the right)

Important that it is the inner box not the outside. Want it exactly as the top column

Screenshot-2021_2D00_03_2D00_31-at-10.53.45.png

All responses (1)

Answers (0)

Suggested answer

Nya 29,058 on at

Like (0)

Report
RE: 1-2 Column border

Hi Filippa,

You can achieve it by editing the CSS in HTML.

For ease of modification, I recommend using the borders that come with the Properties to add your desired border style to each column separately first.

Then switch to the HTML tab and find the div-tag of the column. You’ll see the style in the tag and there’s a “border-width” within it.

For the column in the left, modify the “border-width” as

border-width: 5px 0px 5px 5px;

For the column in the right, modify the “border-width” as

border-width: 5px 5px 5px 0px;

It is in the order of Top Right Bottom Left .

Finally, you’ll get the style of the border which you’d like to add around the columns.

If this helped you, I'd appreciate it if you'd mark this as a Verified Answer, which may in turn help others as well.

Best Regards,

Nya