Tagged: , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #15448

    Those are not necessarily to be hr tags, could be css as well. Anyway, another example is 2 consecutive dotted lines under a blog post, which makes too many horizontal lines in a page, really disturbing :(



    Add following code to css/custom.css to remove the space/borders between the widgets:

    .widget {
    padding: 15px 0;

    .widget .seperator.extralight-border{
    display: none;





    What about under the Logo and header. When there’s no block text, the portfolio nav tabs (+, -, x) overlap those rulers but I can’t find where to remove them? ie: http://www.v-u.ca/files/Picture6.png

    Much appreciated!



    Are you using the Frontpage template built on the Template Builder? You can remove the horizontal ruler element above the portfolio element.




    The only element on my frontpage template is the portfolio element. I double-checked – the frontpage is set to use the welcome page which uses the frontpage template. I figuued out how to remove the hr from under the portfolio category header by creating a new template for the other pages/categories but I still can’t find where to remove the one just below the logo/main header.

    Any thoughts?



    Hi mila_m,

    Can you set up the page so that we can see where you are having the issue?




    Hi Devin,

    Under the logo (the nav is now under the logo so in this image it’s the hr line under the nav)


    and also above the footer:


    These lines are constant throughout the site so they’re not part of a custom template. My client wants a super minimal, clean site so I want to remove these but can’t find where.

    Many thanks!


    Can we see this live? I’ll need to inspect the css and see what class is causing the spacing or else I’ll just be shooting blind with any css changes.

    It could be the padding on the container class or some new padding on the HR element but again, we can’t know for without seeing it live.




    Thanks Devin,

    Do you have an email I can send it to. I found where to remove the hr/border line in the css but the block to the left of the line is still there and I can’t see where to get rid of it.


    Just to clarify, it’s not the spacing per say, I just want to get rid of the line completely

    here’s another screen grab of what it looks like now with the border removed:


    Thanks a lot for your help!



    Try to add this on your custom.css

    .primary-background.seperator-addon.seperator-bottom {
    display: none;

    #header .container {
    border-bottom: none;

    I don’t know what is the hr at the bottom of your portfolio items.



Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Too many horizontal breaks’ is closed to new replies.