WordPress.org

Support

Support » How-To and Troubleshooting » Transparent table borders: how to w/ html vs css?

Transparent table borders: how to w/ html vs css?

  • I run In a Pretty Box, and I’m trying to get the table border to disappear in our checkout area.

    You can see it in the right column under where it says to select your country to begin. That square dropdown area should have no border.

    Direct link:
    http://www.inaprettybox.com/?page_id=23

    Table Code:

    <table align="center">
    <tbody>
    <tr>
    <td><a href="http://www.inaprettybox.com/?page_id=23"><img alt="" src="http://www.inaprettybox.com/wp-content/uploads/2013/01/Subscribe-Stamped.png" align="left" /></a></td>
    <td><form><select style="font-family: 'Verdana'; color: #000000; background-color: #ffffff; font-size: 12pt;" name="menu"><option value="http://www.inaprettybox.com/?page_id=998">United States</option><option value="http://www.inaprettybox.com/?page_id=1032">Canada</option><option value="http://www.inaprettybox.com/?page_id=1049">United Kingdom</option></select><input style="font-family: 'Verdana'; color: #000000; background-color: #ffffff; font-size: 12pt;" onclick="location=this.form.menu.options[this.form.menu.selectedIndex].value;" type="button" value="Continue" />
    
    </form></td>
    </tr>
    </tbody>
    </table>

Viewing 5 replies - 1 through 5 (of 5 total)
  • if you have jetpack installed.
    Go to Edit CSS and put this there.

    td {
    border: 0px solid #D8D8D8;
    padding: 5px 0.5em 5px 0.4em;
    }

    sorry, you can reach “Edit CSS” from within “Appearance”

    The table is input directly into the page html, so it isn’t sitewide.

    Do I still add that to the CSS?

    Okay, so I tried it, and it erased the internal border but not the border around the outside.

    After doing some googling and having your example to go off of as to where to place everything, I input this code, and it seems to be working. If there was some conflict somewhere else, I’m hoping the “hidden” aspect takes priority.

    td {
    	border-style: hidden;
    	padding: 5px .5em 5px .4em;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Transparent table borders: how to w/ html vs css?’ is closed to new replies.
Skip to toolbar