WordPress.org

Ready to get started?Download WordPress

Forums

Transparent table borders: how to w/ html vs css? (6 posts)

  1. inaprettybox
    Member
    Posted 1 year ago #

    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>
  2. Amado.Miami
    Member
    Posted 1 year ago #

    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;
    }

  3. Amado.Miami
    Member
    Posted 1 year ago #

    sorry, you can reach "Edit CSS" from within "Appearance"

  4. inaprettybox
    Member
    Posted 1 year ago #

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

    Do I still add that to the CSS?

  5. inaprettybox
    Member
    Posted 1 year ago #

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

  6. inaprettybox
    Member
    Posted 1 year ago #

    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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags