This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Unwanted horizontal lines

Resolved 9 replies premiumthemetheme-vantage
Martin Clift
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff 10 years, 5 months ago

    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. Martin Clift 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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. Martin Clift 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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. Martin Clift 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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. Martin Clift 10 years, 5 months ago

    Hits the nail square on the head!
    Thanks again.

  9. Andrew Misplon Staff 10 years, 5 months ago

    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.

Have a different question or issue?

Start New Thread