• Hi Tobias

    I tried to change the font late last night in the CSS and now some of the CSS is not working. I’ve looked to see what could be wrong but cannot see what I have done wrong.

    Please can you advise. The top row of the table (table id 45) should be in uppercase with an orange background – http://www.wewillblogyou.org/?p=1098

    /* 4 Column Cast Table */
    .wp-table-reloaded-id-2009 .column-1,
    .wp-table-reloaded-id-2009 .column-2,
    .wp-table-reloaded-id-2009 .column-3,
    .wp-table-reloaded-id-2009 .column-4{
    width: 200px;
    }
    /* 3 Column Cast Table */
    .wp-table-reloaded-id-2010 .column-1,
    .wp-table-reloaded-id-2010 .column-2,
    .wp-table-reloaded-id-2010 .column-3{
    width: 200px;
    }
    .wp-table-reloaded-id-5010 .column-1{
    width: 620px;
    }

    .wp-table-reloaded-id-2009,
    .wp-table-reloaded-id-2010 {
    width: auto!important;
    margin: 0px auto!important;
    }
    .wp-table-reloaded-id-5010 {
    width: auto!important;
    margin: 0px auto!important;
    }

    /* Makes cast & visit tables consistent width */
    .wp-table-reloaded-id-2001 .column-1,
    .wp-table-reloaded-id-2002 .column-1,
    .wp-table-reloaded-id-2003 .column-1,
    .wp-table-reloaded-id-2004 .column-1,
    .wp-table-reloaded-id-2005 .column-1,
    .wp-table-reloaded-id-2006 .column-1,
    .wp-table-reloaded-id-2007 .column-1,
    .wp-table-reloaded-id-2008 .column-1,
    .wp-table-reloaded-id-1 .column-1,
    .wp-table-reloaded-id-2 .column-1,
    .wp-table-reloaded-id-3 .column-1,
    .wp-table-reloaded-id-4 .column-1,
    .wp-table-reloaded-id-5 .column-1,
    .wp-table-reloaded-id-6 .column-1,
    .wp-table-reloaded-id-7 .column-1,
    .wp-table-reloaded-id-8 .column-1,
    .wp-table-reloaded-id-9 .column-1,
    .wp-table-reloaded-id-10 .column-1,
    .wp-table-reloaded-id-11 .column-1,
    .wp-table-reloaded-id-12 .column-1,
    .wp-table-reloaded-id-13 .column-1,
    .wp-table-reloaded-id-14 .column-1,
    .wp-table-reloaded-id-15 .column-1,
    .wp-table-reloaded-id-16 .column-1,
    .wp-table-reloaded-id-17 .column-1,
    .wp-table-reloaded-id-18 .column-1,
    .wp-table-reloaded-id-19 .column-1,
    .wp-table-reloaded-id-20 .column-1,
    .wp-table-reloaded-id-21 .column-1,
    .wp-table-reloaded-id-22 .column-1,
    .wp-table-reloaded-id-23 .column-1,
    .wp-table-reloaded-id-24 .column-1,
    .wp-table-reloaded-id-25 .column-1,
    .wp-table-reloaded-id-26 .column-1,
    .wp-table-reloaded-id-27 .column-1,
    .wp-table-reloaded-id-28 .column-1,
    .wp-table-reloaded-id-29 .column-1,
    .wp-table-reloaded-id-30 .column-1,
    .wp-table-reloaded-id-31 .column-1,
    .wp-table-reloaded-id-32 .column-1,
    .wp-table-reloaded-id-33 .column-1,
    .wp-table-reloaded-id-34 .column-1,
    .wp-table-reloaded-id-35 .column-1,
    .wp-table-reloaded-id-36 .column-1,
    .wp-table-reloaded-id-37 .column-1,
    .wp-table-reloaded-id-38 .column-1,
    .wp-table-reloaded-id-39 .column-1,
    .wp-table-reloaded-id-40 .column-1,
    .wp-table-reloaded-id-41 .column-1,
    .wp-table-reloaded-id-42 .column-1,
    .wp-table-reloaded-id-43 .column-1,
    .wp-table-reloaded-id-44 .column-1,
    .wp-table-reloaded-id-45 .column-1,
    .wp-table-reloaded-id-46 .column-1,
    .wp-table-reloaded-id-47 .column-1,
    .wp-table-reloaded-id-48 .column-1,
    .wp-table-reloaded-id-49 .column-1,
    .wp-table-reloaded-id-50 .column-1{
    width: 150px;
    }
    /* Makes table row background grey */
    .wp-table-reloaded-id-4004 .row-2 td,
    .wp-table-reloaded-id-4004 .row-4 td,
    .wp-table-reloaded-id-4004 .row-6 td,
    .wp-table-reloaded-id-4004 .row-8 td,
    .wp-table-reloaded-id-4004 .row-9 td,
    .wp-table-reloaded-id-4004 .row-11 td,
    .wp-table-reloaded-id-4004 .row-14 td,
    .wp-table-reloaded-id-4004 .row-17 td {
    background-color: #dcdcdc!important;
    }
    /* Makes table row blue and text in UPPERCASE */
    .wp-table-reloaded-id-3001 .row-1 td,
    .wp-table-reloaded-id-3002 .row-1 td,
    .wp-table-reloaded-id-3003 .row-1 td,
    .wp-table-reloaded-id-3004 .row-1 td,
    .wp-table-reloaded-id-3005 .row-1 td,
    .wp-table-reloaded-id-3006 .row-1 td,
    .wp-table-reloaded-id-3007 .row-1 td,
    .wp-table-reloaded-id-3008 .row-1 td,
    .wp-table-reloaded-id-4001 .row-1 td,
    .wp-table-reloaded-id-4002 .row-1 td,
    .wp-table-reloaded-id-4003 .row-1 td,
    .wp-table-reloaded-id-4004 .row-1 td,
    .wp-table-reloaded-id-4004 .row-8 td,
    .wp-table-reloaded-id-4004 .row-13 td,
    .wp-table-reloaded-id-4004 .row-16 td,
    .wp-table-reloaded-id-4006 .row-1 td,
    .wp-table-reloaded-id-4005 .row-1 td,
    .wp-table-reloaded-id-4010 .row-1 td,
    .wp-table-reloaded-id-4010 .row-4 td,
    .wp-table-reloaded-id-4010 .row-7 td,
    .wp-table-reloaded-id-4010 .row-12 td,
    .wp-table-reloaded-id-4010 .row-21 td,
    .wp-table-reloaded-id-4010 .row-32 td,
    .wp-table-reloaded-id-4010 .row-49 td,
    .wp-table-reloaded-id-4020 .row-1 td,
    .wp-table-reloaded-id-4020 .row-3 td,
    .wp-table-reloaded-id-4020 .row-5 td,
    .wp-table-reloaded-id-4020 .row-7 td,
    .wp-table-reloaded-id-1 .row-1 td,
    .wp-table-reloaded-id-2 .row-1 td,
    .wp-table-reloaded-id-3 .row-1 td,
    .wp-table-reloaded-id-4 .row-1 td,
    .wp-table-reloaded-id-5 .row-1 td,
    .wp-table-reloaded-id-6 .row-1 td,
    .wp-table-reloaded-id-7 .row-1 td,
    .wp-table-reloaded-id-8 .row-1 td,
    .wp-table-reloaded-id-9 .row-1 td,
    .wp-table-reloaded-id-10 .row-1 td,
    .wp-table-reloaded-id-11 .row-1 td,
    .wp-table-reloaded-id-12 .row-1 td,
    .wp-table-reloaded-id-13 .row-1 td,
    .wp-table-reloaded-id-14 .row-1 td,
    .wp-table-reloaded-id-15 .row-1 td,
    .wp-table-reloaded-id-16 .row-1 td,
    .wp-table-reloaded-id-17 .row-1 td,
    .wp-table-reloaded-id-18 .row-1 td,
    .wp-table-reloaded-id-19 .row-1 td,
    .wp-table-reloaded-id-20 .row-1 td,
    .wp-table-reloaded-id-21 .row-1 td,
    .wp-table-reloaded-id-22 .row-1 td,
    .wp-table-reloaded-id-23 .row-1 td,
    .wp-table-reloaded-id-24 .row-1 td,
    .wp-table-reloaded-id-25 .row-1 td,
    .wp-table-reloaded-id-26 .row-1 td,
    .wp-table-reloaded-id-27 .row-1 td,
    .wp-table-reloaded-id-28 .row-1 td,
    .wp-table-reloaded-id-29 .row-1 td,
    .wp-table-reloaded-id-30 .row-1 td,
    .wp-table-reloaded-id-31 .row-1 td,
    .wp-table-reloaded-id-32 .row-1 td,
    .wp-table-reloaded-id-33 .row-1 td,
    .wp-table-reloaded-id-34 .row-1 td,
    .wp-table-reloaded-id-35 .row-1 td,
    .wp-table-reloaded-id-36 .row-1 td,
    .wp-table-reloaded-id-37 .row-1 td,
    .wp-table-reloaded-id-38 .row-1 td,
    .wp-table-reloaded-id-39 .row-1 td,
    .wp-table-reloaded-id-40 .row-1 td,
    .wp-table-reloaded-id-41 .row-1 td,
    .wp-table-reloaded-id-42 .row-1 td,
    .wp-table-reloaded-id-43 .row-1 td,
    .wp-table-reloaded-id-44 .row-1 td,
    .wp-table-reloaded-id-45 .row-1 td,
    .wp-table-reloaded-id-46 .row-1 td,
    .wp-table-reloaded-id-47 .row-1 td,
    .wp-table-reloaded-id-48 .row-1 td,
    .wp-table-reloaded-id-49 .row-1 td,
    .wp-table-reloaded-id-50 .row-1 td {
    background-color: #D05E0B!important;
    color: #ffffff;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    vertical-align: top;
    text-transform: uppercase;
    text-align: justify;
    }
    .wp-table-reloaded-id-4001 .column-1{
    vertical-align: middle;
    }
    .wp-table-reloaded-id-4020 .row-1 td,
    .wp-table-reloaded-id-4020 .row-3 td,
    .wp-table-reloaded-id-4020 .row-5 td {
    horizontal-align: middle;
    }
    .wp-table-reloaded-id-4001 .column-3{
    width: 5px;
    vertical-align: middle;
    }

    .wp-table-reloaded td {
    font-family: arial;
    font-size: 10px;
    color: #000000;
    text-align: justify;
    font-weight: normal
    }

    .wp-table-reloaded th, .wp-table-reloaded .sorting {
    background-color: #56758a;
    }

    .wp-table-reloaded .sorting_asc, .wp-table-reloaded .sorting_desc {
    background-color: #56758a;
    }

    .wp-table-reloaded .odd td {
    background-color: #ffffff;
    }

    .wp-table-reloaded .even td {
    background-color: #DCDCDC;
    }

    .wp-table-reloaded .us{
    color: #D05E0B;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    }

    .wp-table-reloaded .cast{
    color: #006400;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    }

    .wp-table-reloaded-id-5010 .row-1 td {
    background-color: #D05E0B;
    color: white;
    border:1px solid #FFFFFF;
    padding:4px;
    text-transform: uppercase;
    font-weight: bold
    }

    .wp-table-reloaded-id-2001 .row-1 td,
    .wp-table-reloaded-id-2001 .row-3 td,
    .wp-table-reloaded-id-2001 .row-5 td,
    .wp-table-reloaded-id-2001 .row-7 td,
    .wp-table-reloaded-id-2001 .row-9 td,
    .wp-table-reloaded-id-2001 .row-11 td,
    .wp-table-reloaded-id-2001 .row-13 td,
    .wp-table-reloaded-id-2001 .row-15 td,
    .wp-table-reloaded-id-2001 .row-17 td {
    background-color: #D05E0B;
    color: white;
    border:1px solid #FFFFFF;
    padding:4px;
    text-transform: uppercase;
    font-weight: bold
    }

    .wp-table-reloaded-id-2002 .row-1 td,
    .wp-table-reloaded-id-2002 .row-3 td,
    .wp-table-reloaded-id-2002 .row-5 td,
    .wp-table-reloaded-id-2002 .row-7 td,
    .wp-table-reloaded-id-2002 .row-9 td,
    .wp-table-reloaded-id-2002 .row-11 td,
    .wp-table-reloaded-id-2002 .row-13 td,
    .wp-table-reloaded-id-2002 .row-15 td {
    background-color: #D05E0B;
    color: white;
    border:1px solid #FFFFFF;
    padding:4px;
    text-transform: uppercase;
    font-weight: bold
    }

    .wp-table-reloaded-id-2003 .row-1 td,
    .wp-table-reloaded-id-2003 .row-3 td,
    .wp-table-reloaded-id-2003 .row-5 td,
    .wp-table-reloaded-id-2003 .row-7 td,
    .wp-table-reloaded-id-2003 .row-9 td,
    .wp-table-reloaded-id-2003 .row-11 td,
    .wp-table-reloaded-id-2003 .row-13 td,
    .wp-table-reloaded-id-2003 .row-15 td {
    background-color: #D05E0B;
    color: white;
    border:1px solid #FFFFFF;
    padding:4px;
    text-transform: uppercase;
    font-weight: bold
    }

    .wp-table-reloaded-id-2004 .row-1 td,
    .wp-table-reloaded-id-2004 .row-3 td,
    .wp-table-reloaded-id-2004 .row-5 td,
    .wp-table-reloaded-id-2004 .row-7 td,
    .wp-table-reloaded-id-2004 .row-9 td,
    .wp-table-reloaded-id-2004 .row-11 td,
    .wp-table-reloaded-id-2004 .row-13 td,
    .wp-table-reloaded-id-2004 .row-15 td,
    .wp-table-reloaded-id-2004 .row-17 td {
    background-color: #D05E0B;
    color: white;
    border:1px solid #FFFFFF;
    padding:4px;
    text-transform: uppercase;
    font-weight: bold
    }

    .wp-table-reloaded-id-2005 .row-1 td,
    .wp-table-reloaded-id-2005 .row-3 td,
    .wp-table-reloaded-id-2005 .row-5 td,
    .wp-table-reloaded-id-2005 .row-7 td,
    .wp-table-reloaded-id-2005 .row-9 td,
    .wp-table-reloaded-id-2005 .row-11 td,
    .wp-table-reloaded-id-2005 .row-13 td,
    .wp-table-reloaded-id-2005 .row-15 td {
    background-color: #D05E0B;
    color: white;
    border:1px solid #FFFFFF;
    padding:4px;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: bold
    }

    .wp-table-reloaded-id-2006 .row-1 td,
    .wp-table-reloaded-id-2006 .row-3 td,
    .wp-table-reloaded-id-2006 .row-5 td,
    .wp-table-reloaded-id-2006 .row-7 td,
    .wp-table-reloaded-id-2006 .row-9 td,
    .wp-table-reloaded-id-2006 .row-11 td,
    .wp-table-reloaded-id-2006 .row-13 td,
    .wp-table-reloaded-id-2006 .row-15 td {
    background-color: #D05E0B;
    color: white;
    border:1px solid #FFFFFF;
    padding:4px;
    text-transform: uppercase;
    font-weight: bold
    }

    .wp-table-reloaded-id-2007 .row-1 td,
    .wp-table-reloaded-id-2007 .row-3 td,
    .wp-table-reloaded-id-2007 .row-5 td,
    .wp-table-reloaded-id-2007 .row-7 td,
    .wp-table-reloaded-id-2007 .row-9 td,
    .wp-table-reloaded-id-2007 .row-11 td,
    .wp-table-reloaded-id-2007 .row-13 td,
    .wp-table-reloaded-id-2007 .row-15 td,
    .wp-table-reloaded-id-2007 .row-17 td {
    background-color: #D05E0B;
    color: white;
    border:1px solid #FFFFFF;
    padding:4px;
    text-transform: uppercase;
    font-weight: bold
    }

    .wp-table-reloaded-id-2008 .row-1 td,
    .wp-table-reloaded-id-2008 .row-3 td,
    .wp-table-reloaded-id-2008 .row-5 td,
    .wp-table-reloaded-id-2008 .row-7 td,
    .wp-table-reloaded-id-2008 .row-9 td,
    .wp-table-reloaded-id-2008 .row-11 td,
    .wp-table-reloaded-id-2008 .row-13 td,
    .wp-table-reloaded-id-2008 .row-15 td {
    background-color: #D05E0B;
    color: white;
    border:1px solid #FFFFFF;
    padding:4px;
    text-transform: uppercase;
    font-weight: bold
    }

    .wp-table-reloaded-id-2009 .row-1 td,
    .wp-table-reloaded-id-2009 .row-4 td,
    .wp-table-reloaded-id-2009 .row-7 td,
    .wp-table-reloaded-id-2009 .row-11 td,
    .wp-table-reloaded-id-2009 .row-14 td,
    .wp-table-reloaded-id-2009 .row-17 td,
    .wp-table-reloaded-id-2009 .row-21 td,
    .wp-table-reloaded-id-2009 .row-24 td,
    .wp-table-reloaded-id-2009 .row-27 td,
    .wp-table-reloaded-id-2009 .row-31 td,
    .wp-table-reloaded-id-2009 .row-34 td {
    background-color: #D05E0B;
    color: white;
    border:1px solid #FFFFFF;
    padding:4px;
    text-transform: uppercase;
    font-weight: bold
    }

    .wp-table-reloaded-id-2010 .row-1 td,
    .wp-table-reloaded-id-2010 .row-3 td,
    .wp-table-reloaded-id-2010 .row-5 td,
    .wp-table-reloaded-id-2010 .row-7 td,
    .wp-table-reloaded-id-2010 .row-9 td,
    .wp-table-reloaded-id-2010 .row-11 td,
    .wp-table-reloaded-id-2010 .row-13 td,
    .wp-table-reloaded-id-2010 .row-15 td {
    background-color: #D05E0B;
    color: white;
    border:1px solid #FFFFFF;
    padding:4px;
    text-transform: uppercase;
    font-weight: bold
    }

    .wp-table-reloaded .yes{
    background-color: #00AF33;!important;
    }

    .wp-table-reloaded .bold{
    color: #000000;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    }

    .wp-table-reloaded-id-4001 .row-1, column-3 td{
    background-color: #00AF33;!important;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    I also can really spot any mistakes, but according to
    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.wewillblogyou.org%2F%3Fp%3D1098&profile=css21&usermedium=all&warning=1&lang=de
    there are some weird ones which seem to be related to the character encoding.
    Can you try copying all of the text into Notepad and then re-copy from there back to the text field? That might correct such errors.

    Also, you should think about reducing your code.
    Especially those long pieces where you seem to apply code to all tables that you have could be reduced, e.g.

    .wp-table-reloaded-id-3001 .row-1 td,
    .wp-table-reloaded-id-3002 .row-1 td,
    ....
    .wp-table-reloaded-id-500 .row-1 td,
    .wp-table-reloaded-id-50 .row-1 td {
     ...
    }

    could simply become

    .wp-table-reloaded .row-1 td {
     ...
    }

    Regards,
    Tobias

    Thread Starter theref

    (@theref)

    Hi Tobias

    The copy and paste via Notepad worked a treat so thank you.

    Not too sure what you mean about reducing the code.

    Thanks

    Perry

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    nice, great to hear that this worked!

    With reducing the code, I mean that you should try to replace those lines of CSS code with that other single line, because it has the same effect, is shorter, and easier to maintain.

    Best wishes,
    Tobias

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

The topic ‘[Plugin: WP-Table Reloaded] CSS’ is closed to new replies.