Forums

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

  1. inaprettybox
    Member
    Posted 3 months 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 3 months 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 3 months ago #

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

  4. inaprettybox
    Member
    Posted 3 months 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 3 months ago #

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

  6. inaprettybox
    Member
    Posted 3 months 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;
    }

Reply

You must log in to post.

About this Topic

Tags