Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #6114

    Hi, I thinks this is important.

    Shortcodes for columns/tables are an amazing feature but is somewhat limiting, especially when it comes to inserting horizontal dividers.

    Unfortunately if a simple table is added as html on a page like here it forces all the borders to show up.

    They are set to 0 in the code and work just fine with say Newscast or as is.

    How do I force them to hide please?

    Thank u!



    basically you can remove the borders by using following code:

    td:first-child {
    border-left: none;

    td {
    border-bottom: none;
    border-right: none;

    I’d suggest to wrap your “borderless” table in a div (with a specific class) so that you can use tables with and without borders.


    Clever, thank you :) Will give it a try. Not sure why table border=”0″ doesn’t work but will try ur solution. Thanks again.



    Hope it works :)


    Yeah, it does, thank you :) Got a few limitations (i.e. doesn’t allow different cell colours) but I worked around it. Many thanks :)


    Great – yes it’s a bit tricky to style individual cells but you can use the style attribute or css classes:


    Interesting, will have a look, thank u! I simply created multiple divs specifying background colours and stacked several tables instead of using one. As I only needed either different coloured rows or columns, i.e. not individual cells, I could wrap them in divs. Oh yeah, and added transparency to your code for all tables so that coloured divs ‘show through’. Me thinks this is probably a female roundabout way, but it worked :)

    Thanks again.


    Glad that I could help you :)

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Force hide borders on pages.’ is closed to new replies.