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.
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it