Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 7, 2015 at 1:29 pm #455625
    Vincent

    Hi Support,

    I have been struggling with the following.

    I want to have a full-length Horizontal separator line between two elements on the home page. However, the default separator line has too much padding on-top and below. I opted to try the custom and I set it to the following dimensions:

    Style: Custom
    Position: Center
    Border: Thin
    Width: 1200px
    Top Margin: 30px
    Bottom Margin: 20px
    No Icon.

    The problem I am having with this is that it won’t stretch across the full screen like the default and will only go as far as the body.

    Can this be circumvented and force it across the whole screen. Or use the default line and alter the padding?

    Thank you
    Vince

    June 8, 2015 at 10:36 am #455913
    Ismael

    Hey Vincent!

    Thank you for using Enfold.

    Please give us a link to the page with the custom hr element, we would like to check it. A screenshot of what you’re after will help. Maybe you can set the width using css.

    Regards,
    Ismael

    June 8, 2015 at 4:41 pm #456184
    Vincent
    This reply has been marked as private.
    June 8, 2015 at 5:00 pm #456199
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .hr-custom.hr-center {
  overflow: visible;
}
.hr-custom .hr-inner {
  left: -10%;
  position: relative;
  width: 120%!important;
}

    Cheers!
    Yigit

    June 8, 2015 at 5:16 pm #456215
    Vincent

    Thanks Yigit,

    That worked – at -30% and 320%
    WIll that stretch on all screens or is there a specific size for that?

    Cheers
    Vince

    June 8, 2015 at 5:18 pm #456217
    Yigit

    Hey!

    You are welcome Vincent! It should. I can view your website at maximum 1920x1200px wide screen and it does look fine. If you happen to see that it does not work fine on all screens, you can move it to more left and increase its width :)

    Best regards,
    Yigit

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