Home>Support>Unwanted horizontal lines

Unwanted horizontal lines

On my Home Page and some other pages lines appear and I can’t work out how to remove them. There doesn’t seem to be anything in the html either. Is there a simple way to remove them that is staring me in the face? If you go to my site and look you will see white lines top and bottom against the darker page colour(please excuse, its still under construction)

URL: http://www.bellewaarde1915.org.uk/blog/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 22 days ago Andrew Misplon
    Hi, I Work Here

    Hi Martin

    Edit the widget concerned, not the row, just the widget, click Design then border color and clear the colour. That should be it.

    Let me know how it goes :)

  2. 9 years, 22 days ago Martin Clift

    Many thanks, Andrew
    This has worked for the Home Page with the ‘Visual Editor’ widget, but not the page of text and spreadsheet..
    If you check the bottom of this page, http://www.bellewaarde1915.org.uk/blog/1st-battalion-northumberland-fusiliers/
    you will see the issue. I have tried putting the text in by cut and paste from the old website, from my web editor and also from a word document.

    I don’t know what you’re paid, but it’s not enough!

  3. 9 years, 22 days ago Andrew Misplon
    Hi, I Work Here

    Thanks for your continued support, it’s most appreciated.

    That’s a little different. That line/s is coming from the Vantage table styling. To remove, try adding the following to Appearance > Custom CSS:

    /* Tables */
    
    .entry-content table {
        border-bottom: none;
    }
    

    Let me know how that goes.

    We can also turn that table into a more conventional one with lines between each cell. Let me know if you want to do that.

  4. 9 years, 22 days ago Martin Clift

    There’s a saying “It’s only easy when you know the answer”
    I now know the answer!

    Yes, conventional lines is something I need, with the ability to change the colour, if that’s O.K?

  5. 9 years, 22 days ago Andrew Misplon
    Hi, I Work Here

    Cool, so instead of the above table CSS rule we’ll rather insert:

    /* Tables */
    
    table {
      border: 1px solid #eaeaeb;
      margin: 0 0 1.78571em;
      width: 100%;
    }
    table th,
    table td {
      border: 1px solid #eaeaeb;
      padding: 0.75em;
    }
    @media (max-width: 480px) {
      table th, 
      table td {
        padding: 2%;
      }
    }
    table th {
      font-weight: 600;
    }
    

    Change the color hexadecimal value to your preferred color.

  6. 9 years, 22 days ago Martin Clift

    Really is looking excellent. Would it be possible to arrange each row to be the same depth as the content, which will tighten it up somewhat?

  7. 9 years, 22 days ago Andrew Misplon
    Hi, I Work Here

    Sure :)

    See this declaration:

    padding: 0.75em;
    

    That’s all round padding. If you put four values it’ll represent top, right, bottom, left. You can use any unit of measurement you like. E.g:

    padding: 5px 10px 5px 10px;
    
  8. 9 years, 22 days ago Martin Clift

    Hits the nail square on the head!
    Thanks again.

  9. 9 years, 21 days ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear that helped.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More