[Resolved] How to create a line dividier/Seperator in elements

Home Forums Support [Resolved] How to create a line dividier/Seperator in elements

Home Forums Support How to create a line dividier/Seperator in elements

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1654314
    Marc Yvan

    Hi,
    I am trying to replicate a design. How could I create a dividier/Seperator line like this ?
    https://elementor.zenspace.digital/coffee-shop-home-4/ (Between the H1 tagline and the “Learn More” button)
    I am using the generatepress elements for this. I know this might be basic but I cant figure it out.
    Thank you !

    #1654574
    David
    Staff
    Customer Support

    Hi there,

    add this CSS to your site:

    .small-rule {
      height: 2px;
      background-color: orange;
      max-width: 50px;
      margin: 20px auto 30px;
    }

    Then in your header element add this HTML after your title.

    <hr class="small-rule">

    #1654589
    Marc Yvan

    Hi David,
    This worked perfectly. Sorry for the ignorance ; ) !
    Have a great day.

    #1654714
    David
    Staff
    Customer Support

    Glad to be of help

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.