Using table class to style multiple tables

  • I’m hoping this is a simple fix but I have been working on it for days and can’t quite get to a solution.

    I am using 3 plugins, Site Origin Page Builder, Site Origin CSS and TeachPress.

    1. I have some tables on https://sreal.ucf.edu/arvw/ using the accordion widget in Page Builder.

    2. I have several publication pages using TeachPress, one example is: https://sreal.ucf.edu/publications/.

    When I set up the tables in item 1 I added some CSS to add a border, padding and text alignment to the th and td, plus background color to the th which worked fine but it also added the same styling to item 2.

    I have tried to add style within the accordion (for item 1) where the actual tables are set up.

    The table class for the publication page is teachpress_publication_list.

    When I try to use the table class to differentiate the 2 table classes and have different CSS styling for each, it is not working. It is treating all the tables the same. I am using table class because the publication page has a set table class that will work on all my publication pages.

    The CSS I am using is:
    .teachpress_publication_list th, td {
    text-align: left;
    border: none;
    }
    .arvw th,td {
    border: 1px solid black;
    padding: 5px;
    text-align: center;
    }
    .arvw th {
    background-color: #b5b5b1;
    }

    It is only using the style for the ending table so in this case it is using arvw but if I move the teachpress… to the bottom it will use that one. It seems to me that it is not recognizing the class names I am using but these names seem like the right names based on what I can search online.

    I am not a web designer and I’m sure I am missing something basic. Please help.

    • This topic was modified 6 years, 11 months ago by blee1021.

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

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

  • Hello,

    I am trying to incorporate teachpress on our research group website. I am a new user to wordpress community. I do not have any solution to your problem, however, I assume that you can be of help to me. Would you please point out to me how to remove the table borders from the teachpress publication list? Which specific files I need to edit to get this clean look https://sreal.ucf.edu/publications/, unlike the default i.e no table borders!!

    Your help would be really appreciated.

    Regards,
    Bilal

    Thread Starter blee1021

    (@blee1021)

    Hello, blu212,
    I just saw your post. This is how I set up our publication page:

    [tplist image=”left” image_size=”120″ author_name=”simple” style=”simple” link_style=”images” tag=”48″ type=”article, book, conference, inbook, incollection, inproceedings, phdthesis, techreport” template=”tp_template_2016″]

    I hope it helps.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Using table class to style multiple tables’ is closed to new replies.