Home Forums Weaver Xtreme Theme Adjust space above and below a horizontal line

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17730
    canoot65
    Participant

    How can we adjust the space above and below a horizontal line – like on this page: http://www.nordoy.net/kristelege-foreningar/ ?

    I have tried with this CSS rule: {padding-top: 25px; padding-bottom: 25px;} in the <HR> CSS box, but it doesn’t work.

    #21879
    scrambler
    Moderator

    Try margins

    {margin-top: 25px; margin-bottom: 25px;}

    Padding creates space inside the elements, margins create space outside the element

    #21880
    canoot65
    Participant

    It didn’t work with “margin” either. I even tried to add “!important;”, also with no result.

    #21881
    scrambler
    Moderator

    I think you made a mistake and did not include the margin within the same brackets as what you already put in the CSS+ box.

    All the rules in the CSS + box  should be inside the same brackets

    {background-color:#C7C7C7; height:1px;border:none;margin-top: 25px; margin-bottom:25px;}

    #21882
    canoot65
    Participant

    Yes, you are right; I didn’t know that all the rules needed to be in the same brackets. Now it’s working properly 🙂

    Thank you again so much for helping!

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