Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1360059

    I need some help adding Vertical Line in front of text block, just like here:

    • This topic was modified 2 years, 3 months ago by anristudio.
    • This topic was modified 2 years, 3 months ago by anristudio.
    • This topic was modified 2 years, 3 months ago by anristudio.
    • This topic was modified 2 years, 3 months ago by anristudio.
    #1360083

    Hi anristudio,

    Edit your textblock and go to Advanced (tab) > Developer Settings > Custom CSS Class, then on that field put this: left-border
    Then go to Enfold > General Styling > Quick CSS and add this CSS code:

    #top .left-border {
        border-left: 1px solid black;
        padding-left: 30px;
    }

    You can also add this to any column (I would suggest this over text block) so you can add special headings and textblock inside it and get the same effect.

    Best regards,
    Nikko

    #1360417

    Thank You Nikko, it works!
    How could I control height of the vertical line?

    #1360422

    Hi anristudio,

    You’re welcome :)
    I believe what you want is to set a minimum height, if yes, then please use this CSS code instead:

    #top .left-border {
        border-left: 1px solid black;
        padding-left: 30px;
        min-height: 100px;
    }

    Just adjust the min-height value.

    Best regards,
    Nikko

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