• Resolved jfkirkpatrick

    (@jfkirkpatrick)


    Greetings,
    I have created a table and it is displaying a solid line between “Proofing Skills” and the table of “Skills”!
    Any suggestions?
    [moderated: signature deleted]

    • This topic was modified 6 years, 5 months ago by t-p.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator t-p

    (@t-p)

    Please don’t sign your posts, because we can see who you are via your name and avatar. See https://ww.wp.xz.cn/support/guidelines/#do-not-spam

    About table, please identify exactly which theme you are using and then post in that theme’s dedicated forum via its page in the Theme Repository so the theme’s developers and support community can help you with this.

    Thread Starter jfkirkpatrick

    (@jfkirkpatrick)

    This is a theme that I created from a non-WordPress theme called “Nuno” developed as part of a Udemy course.
    I converted the Udemy theme to WordPress and added or subtracted pieces.
    The table was a new part to save me from many <div col-md-4 entries.

    Moderator t-p

    (@t-p)

    Look for this css rule in your theme’s main.css:

    thead, tfoot {
        background-color: 
    #333;
    color:
    #fff;
    border: 1px solid;
    }

    Try changing it to:

    thead, tfoot {
        background-color: 
    #fff;
    color:
    #fff;
    border: noned;
    }
    Thread Starter jfkirkpatrick

    (@jfkirkpatrick)

    Thanks
    I will look at it in the morning.

    Thread Starter jfkirkpatrick

    (@jfkirkpatrick)

    t-p,
    Further research lead me to a “simple table” using the following code:

                        <table>
                                <tr>
                                    <td>Microsoft Word</td>
                                    <td>Mastery of the Written Word</td>
                                    <td>Attention to Detail</td>
                                </tr>
                                <tr>
                                    <td>Track Changes</td>
                                    <td>Language Proficiency</td>
                                    <td>Pages are spaced correctly</td>
                                </tr>
                                <tr>
                                    <td>Spelling/Grammar</td>
                                    <td>Creativity</td>
                                    <td>Quick Document Turn Around</td>
                                </tr>
                        </table>
    

    CSS code becomes even simpler:

    table {
        width: 100%;
        margin-left: 40px;
        margin-top: 0;
    }
    
    table,
    td {
        border: none;
    }
    

    I have not changed thewordproofer.com yet. That I will definitely do tomorrow.
    Thanks for your help as it helped direct me to the correct solution.
    The <tr><th> combination forced the solid line.

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

The topic ‘Issue with creating a table’ is closed to new replies.