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
-
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:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it