Hide divider in table

  • Hi, I created two tables on this page: https://www.12minuteathlete.com/about-12-minute-athlete/ to help my email forms align left. I was able to use this code to hide the outer borders:

    <table border=”0″ width=”100%”>
    <tr>
    <td width=”50%”>Aweber Code</td>
    <td width=”50%”></td>
    </tr>
    </table>

    But there’s still a divider line that’s showing up. Anyone have any ideas how to hide it? I’d be fine adding something to my custom CSS since I will never want visible borders/dividers, but none of the code I’ve added so far has worked.

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

  • Hi kristastryker, do you mean the border around that signup form?

    Its showing up because of this code in your css:

    #af-form-876800466 {
    background-color: #ffffff;
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 5px;
}

    If you just want a quick fix you could add this to your css:

    .af-form {
    border: medium none !important;
}

    Hope that helps!

    @kristastryker, I am assuming you want remove the line besides the form, this CSS should work for that.

    .entry td {
border-right: 0 !important;
}

    Hope that helps!

    Thread Starter kristastryker

    (@kristastryker)

    Thanks! I actually was talking about the gray line to the right of the sign up forms, it’s a little hard to see, but it’s driving me crazy. The code I used above got rid of the table borders, but not that one leftover line.

    Try this –

    .entry td {
border-right: 0 !important;
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hide divider in table’ is closed to new replies.

Tags