• Hi again team, many thanks for all your support and great work.

    Whenever I code a table in your theme, no matter if I place the CSS in the theme options or inside the current table HTML, the border “0” is ignored and replaced by a thin border (colour #E1E1E1).

    Do you know how to make the table borders invisible.

    Many thanks in advance.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi @srtajpg, thanks for getting in touch!

    Are you wanting to do this for tables sitewide? If so, you can add this bit of CSS in Appearance > Customize > Additional CSS and it should do the trick:

    .entry table, .entry th, .entry td { border: none; }

    If this isn’t quite what you were looking for just let us know! ??

    Thread Starter srtajpg

    (@srtajpg)

    Thanks Steven, If it is possible, I would rather do that for tables independently, as some of them are nice to have borders…

    Steven (LyraThemes)

    (@stevenlyrathemes)

    Sure thing, that makes good sense! Could I ask how you’re adding your tables? If you’re using the block editor, there’s a field where you can add a CSS class to any tables you want to remove the border from, and then add a snippet in the Customizer, something like this:

    .no-border table, .no-border th, .no-border td { border: none; }

    Or if you just prefer to add a snippet of CSS for each instance, you could use the page/post ID like this:

    .postid-12345 .entry table, .postid-12345 .entry th, .postid-12345 .entry td { border: none; }

    If neither of these options do the trick, just let us know!

    Thread Starter srtajpg

    (@srtajpg)

    Hi again Steven, I use the HTML editor for tables, but it does not seem to get any alternatives like:

    <table border="0">

    Thanks.

    Steven (LyraThemes)

    (@stevenlyrathemes)

    Thanks! That makes sense, in that case you could add the “no-border” CSS above, and then add that class to any table you wanted to remove the border from:

    <table border="0" class="no-border">

    Let me know if you give this a shot and it still needs some tweaking! ??

    Thread Starter srtajpg

    (@srtajpg)

    Thanks Steven, I used the following CSS in appearance (.no-border table, .no-border th, .no-border td { border: none; }) and HTML (<table class=”no-border” border=”0″>), however, it only removes the interior cells border, not the external table ones. You can see it in here.

    Regards.

    Steven (LyraThemes)

    (@stevenlyrathemes)

    Ah…thanks so much for the link- that helps a lot! It looks like for this to work, the CSS I gave you needs a correction- this should work instead:

    table.no-border, .no-border th, .no-border td { border: none; }
    Thread Starter srtajpg

    (@srtajpg)

    Worked beautifully, many thanks!

    Steven (LyraThemes)

    (@stevenlyrathemes)

    Great to hear that, thanks for letting us know! ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Table border “0”’ is closed to new replies.