Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Custom Lines/page dividers

    General Discussion
    4
    4
    389
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      J199 last edited by

      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

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Dear @JAW
        have a look here:

        0_1518461408544_Bildschirmfoto 2018-02-12 um 15.49.38.png

        I hope that helps!

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • DMB
          DMB last edited by

          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

          1 Reply Last reply Reply Quote 1
          • debutdebut
            debutdebut last edited by

            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.

            1 Reply Last reply Reply Quote 1
            • First post
              Last post

            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

            Thanks!

            Online Users

            Recent Topics

            • C

              image carousel bugging out

            • N

              help needed with cleaning up and optimising lay theme portfolio website

            • R

              Html5 Video Player issue

            laytheme.com