Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 9, 2014 at 8:18 am #21099
    Nancy
    Participant

    Is it possible to have the default borders on some tables and have them removed on others? I use tables in a few places to align pictures and text quickly. These I don’t always want borders (http://www.ipcrew.com/SHSTest/admissions/whyshs/). There are other places where I’d like the borders on the tables (http://www.ipcrew.com/SHSTest/admissions/tuitionfees/).

    Thank you.

    March 9, 2014 at 10:14 pm #21115
    Sakin
    Keymaster

    @Nancy: There is 2 ways to do that. 1. Is by adding the new div wrapper like below

    <div class="table-noboder">Your Table Code and test</div>'
and then we can add specific to that class table-noboder in "Appearance => Theme Options => Custom CSS" box.

    .table-noboder .entry-content table,
    .table-noboder .entry-content td { border: none; }`

    Or you can add page specific css directly. For example, your page http://www.ipcrew.com/SHSTest/admissions/whyshs/ is page id 139. So, just add the following CSS in “Appearance => Theme Options => Custom CSS” box. 

    .page-id-139 .entry-content table, 
.page-id-139 .entry-content td { border: none; }
    March 9, 2014 at 11:37 pm #21121
    Nancy
    Participant

    Thank you! That works great.

    Is there a better way than using tables to create a column layout?

    March 10, 2014 at 7:25 am #21126
    Sakin
    Keymaster

    @Nancy: I not that sure about it. But have seen plugin with adds responsive columns and also when you add table the code has to be responsive. So, either use responsive columns plugin or responsive tables plugin. I see the table code used in http://www.ipcrew.com/SHSTest/admissions/whyshs/ is not responsive and it’s of fixed width.

    You can search for free plugins at http://wordpress.org/plugins/

    March 21, 2014 at 2:48 am #22057
    rckstr
    Member

    I’m having the same issue. I’ve inserted table code into my WP pages and I’m getting CCC borders on top and bottom parts of the tables. I’ve played with the CSS repeatedly and can’t change anything.

    I tried the solutions you gave Nancy and nothing worked. Can you please help?

    Thanks!

    March 21, 2014 at 8:57 am #22095
    Sakin
    Keymaster

    @rckstr: Please post in the URL where you want to remove the border in the table.

    April 2, 2014 at 1:43 am #23894
    rckstr
    Member

    I’m not sure I understand the question. Here’s a screen shot of the issue I’m dealing with. I am pasting HTML into my WordPress pages and the current CSS is showing CCC borders on the top and bottom parts of the tables.

    http://s16.postimg.org/genna2lth/table_border.jpg

    I want to get rid of those horizontal lines on the pasted tables. Can you please help?

    Thanks! Also, I am using Catch Box Free. I posted in this thread because I didn’t want to clog the forum with the same question. Sorry!

    April 2, 2014 at 9:52 am #23931
    Sakin
    Keymaster

    @rckstr: Oh that is why I got confused. Please try to post in Catch Box Free Forum so that other will not bet confused. Mixing one Theme question with other theme is confusing as of different design and structure.
    Catch Box Free Theme: Removing Border in Table
    Add the following CSS in “Appearance => Theme Options => Custom CSS” box.

    .entry-content table, .entry-content td {
    border: none;
}
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Tables & Borders’ is closed to new replies.