twenty seventeen theme – remove horizontal grey lines in html table

  • Resolved metaceptive

    (@metaceptive)


    6 years, 4 months ago

    How can I remove the faint horizontal grey lines in an html table? I am using theme 2017, here is a page with a table on that site to show you the problem:

    https://dacocodiatrust.com/test-html-table/

    I have tried to use the following custom CSS (in the customizer) but it doesn’t work:

    .entry-content td {
    border: none;
    }

    I have also tried:

    .entry-content table,
    .entry-content th,
    .entry-content td{
    border:none;
    }

    This doesn’t work either. If you have any solution that would be great, I can’t believe something so simple can be so elusive.

    If there is a way to achieve this using just html that would be very useful, so that I can change the way an html table appears between one table and another.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try

    .entry-content tr { border-bottom: none; }

    or just remove

    tr { border-bottom: 1px solid #eee; }

    from your CSS.

    HTH
    Sebastian

    Thread Starter metaceptive

    (@metaceptive)

    Hey @sp123 this simple code works beautifully in the Customizer custom CSS.
    Brilliant!
    I just need to say THANK YOU!! ??
    And I wish you a great day too.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘twenty seventeen theme – remove horizontal grey lines in html table’ is closed to new replies.