• Resolved jrupe

    (@jrupe)


    Hello,

    The table is showing up with black and dark gray alternating rows. Also there is a red divider or column line between the rows. I assume this are default settings in the CSS. How do I or where can I change the colors for the rows and divicer column lines?. This login page is a predefined form which I make a call to.

    My intent is to use tables on other pages using html code. For the other pages on the site, I am adding my own HTML code below. When I experiment in creating pages and adding html code for the table (see below), I see the same results as seen on the login page in regards to the black/dark gray rows and red column line/divider.

    Thank you in advance,
    – john

    <table style=”text-align: center; height: 152px;” border=”1″ cellspacing=”0″ cellpadding=”0″ width=”390″>

    <tbody>

    <tr style=”background-color: #e9e9e9; font-weight:bolder;”><td>Title 1 </td>
    <td>Title 2</td>
    <td>Title 3</td>
    <td>Title 4</td>
    </tr>

    <tr>
    <td>Detail One</td>
    <td>Detail Two</td>
    <td>Detail Three</td>
    <td>Detail Four</td>

    </tr>

    <tr>
    <td>Detail One A</td>
    <td>Detail Two A</td>
    <td>Detail Three A</td>
    <td>Detail Four A</td>

    </tr>

    </tbody>

    </table>

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

Viewing 1 replies (of 1 total)
  • Hi @jrupe,

    Thanks for using our theme,

    You can paste the following css code in custom css filed(Theme Dashboard >> appearance >> customize >> header setting >> custom css filed)

    td, tr:hover td { background: #2a2e33 !important; }
    tr:hover td { border-top: none !important; border-bottom: none !important; }
    td{border-right: none !important;}

    Any Confusion lets me know.

    Thanks

Viewing 1 replies (of 1 total)

The topic ‘How to remove form colors’ is closed to new replies.