Lay Theme Forum

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

    Horizontal line color

    General Discussion
    2
    3
    1011
    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.
    • A
      andrea last edited by

      I have to insert different lines with different colours in the same page. I can change the color of all the lines in "lay options" but I can't change the colour of the single lines. Is it possible? And how?

      Thank you very much,
      Andrea

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

        Hey Andrea!

        You can give the line element a class and then use css. Right click on the line in the gridder and click "set html class and id".

        In "class" enter: blueline

        Now save that and save the project.

        Now go to "custom css&html" in "lay options".

        In "Custom <head> content" enter:

        <style>
        .blueline .lay-hr{
            background-color: blue;
        }
        </style>
        

        So now you can set a class "blueline" to every line that should be blue.

        1 Reply Last reply Reply Quote 0
        • A
          andrea last edited by

          Great, thank you Armin, problem solved! I had forgotten to add ".lay-hr", for this reason it wasn't working.

          Best,
          Andrea

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

          I don't answer or check forum DMs, please just post on the forum.

          Try this to fix issues 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

          P
          S
          M
          F
          J

          Recent Topics

          • T

            thumbnail grid categories fixed.

          • L

            BLEND MODE ON MOBILE

          • A

            A modal/pop up window displaying extra info

          • Carousel is not showing

          laytheme.com