Custom Lines/page dividers

---

I'd like to create custom lines or page dividers that span the width of the window and that also allow for type to be placed on top. I was attempting to upload the custom divider as a PNG and place my type on top using the y offset. Unfortunately this means that the divider and type will scale in both height and width when changing window size. If possible it would be best if the divider would scale in the same way a menu bar would, reducing the empty space until it reaches the next breakpoint.

It would be great if anyone can help out

Dear @JAW
have a look here:

I hope that helps!

Best!

Marius

If you set the left-right frame to 0% you could then just use normal rows with background colours as a divider. Then you could just use the x/y offsets to create a margin for your content. Bit of a hack but it'll work.

D

You can easily give a row a line above or below. For that you must give the row a html class. Right click on the pink frame of a row and chose Edit HTML Class and ID, then give it a name (e.g. row-line).

Under Lay Options -> Custom HMTL & CSS add the following code:

.row-line{ border-bottom: 1px solid black; padding-bottom: 2%; }

This would generate a full width line underneath the row.