Support » Theme: Kadence » Need Table CSS

  • Resolved jagdish1o1

    (@jagdish1o1)


    Hi guys,

    You guys have made a great theme and I’m using it on my gaming blog DesktopGamer.net There’s one issue, whenever I add table it doesn’t look like a table. See the below screenshot

    https://pasteboard.co/JOrJ57o.png

    I know i can use plugin and blocks and stuff but I don’t need any fancy stuff just a basic table layout with borders.

    Can you guys add table CSS in your theme? It would make my work lot more easier, and hope it will help other users too.

    Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hey,
    Thanks for posting, there is css for a table. Would it be possible for you to link to where you are adding that so I can see this output. Perhaps once I see what you are doing I’ll understand how you are getting an unstyled table.

    Ben

    Thread Starter jagdish1o1

    (@jagdish1o1)

    Thanks for the quick response.

    I haven’t published the article, but you can see the above screenshot.

    It’s a part of the upcoming article in which I’ve added a table and it is looking like this on the front end.

    https://pasteboard.co/JOrJ57o.png

    There’s no borders.

    ok, how are you adding a table? Are you using the classic editor or a pagebuilder or the core table block?

    Ben

    Thread Starter jagdish1o1

    (@jagdish1o1)

    woo you answered even before I’ve hit the submit button 😛 lol

    I’m using a classic editor, no pagebuilder, nor gutenberg.

    ok, can you send me the html you are adding?

    Also because I’m curious why are you not using the block editor? This is easily the issue in the block editor you can define the style of the table using the core block.

    Ben

    Thread Starter jagdish1o1

    (@jagdish1o1)

    Here’s the code

    <table width="640">
    <tbody>
    <tr>
    <td width="320"><strong>Sync Pair</strong></td>
    <td width="320"><strong>Type</strong></td>
    </tr>
    <tr>
    <td width="320">Player – Torchic</td>
    <td width="320">Support</td>
    </tr>
    <tr>
    <td width="320">Skyla – Swanna</td>
    <td width="320">Support</td>
    </tr>
    <tr>
    <td width="320">Steven – Mega Metagross</td>
    <td width="320">Physical Strike</td>
    </tr>
    <tr>
    <td width="320">Sygna Suit Red – Mega Charizard X</td>
    <td width="320">Special Attack Strike</td>
    </tr>
    <tr>
    <td width="320">Sygna Suit Elsa – Rotom</td>
    <td width="320">Support</td>
    </tr>
    </tbody>
    </table>

    I’m kinda classic editor fan, I’m using it from quite a long time now and not yet ready to upgrade. I’m trying blocks on some other blogs but still I like classic editor.

    Hey,
    Update your code to this (just adding the block class)

    <table width="640" class="wp-block-table">
    <tbody>
    <tr>
    <td width="320"><strong>Sync Pair</strong></td>
    <td width="320"><strong>Type</strong></td>
    </tr>
    <tr>
    <td width="320">Player – Torchic</td>
    <td width="320">Support</td>
    </tr>
    <tr>
    <td width="320">Skyla – Swanna</td>
    <td width="320">Support</td>
    </tr>
    <tr>
    <td width="320">Steven – Mega Metagross</td>
    <td width="320">Physical Strike</td>
    </tr>
    <tr>
    <td width="320">Sygna Suit Red – Mega Charizard X</td>
    <td width="320">Special Attack Strike</td>
    </tr>
    <tr>
    <td width="320">Sygna Suit Elsa – Rotom</td>
    <td width="320">Support</td>
    </tr>
    </tbody>
    </table>

    Ben

    Thread Starter jagdish1o1

    (@jagdish1o1)

    Yes, it worked.

    Wish it would have been added by default to all the table, so that I don’t need to manually add class to all the table.

    I know with blocks It is easier but I’m not yet ready to fully shift to blocks.

    Hope you’ll add a tiny css for all the tables.

    Anyways, thanks for pointing out.

    One of the reasons to go by class is we don’t create styling conflicts with plugins that add tables. So we’ll see I’m not sure I want to potentially affect styles of other tables by forcing this on the table tag.

    Ben

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Need Table CSS’ is closed to new replies.