WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
[resolved] CSS, Layout, and Styling (2 posts)

  1. malomltd
    Member
    Posted 1 year ago #

    Hi,

    Great plugin, I have followed the instructions on your site under CSS, Layout, and Styling. Some of the entered codes work, although I haven't been able to change the header color and to center the text and to change the table background color. The things that I managed with is to center the table input and change the highlighted color when scrolling, please see CSS below.

    .wp-table-reloaded-id-2 th, .wp-table-reloaded-id-2 .sorting {
      background-color: 2f66a4!important;
    }
    .wp-table-reloaded-id-2 .sorting_asc, .wp-table-reloaded-id-2 .sorting_desc {
      background-color: #2f66a4!important;
    }
    .wp-table-reloaded-id-2 .row-hover tr:hover td {
      background-color: #ddd9d9!important;
    }
    .wp-table-reloaded-id-2, .wp-table-reloaded-id-2 td, .wp-table-reloaded-id-2 th {
      border: none!important;
      border-collapse: collapse!important;
      border-spacing: 0px!important;
    }
    .wp-table-reloaded-id-2 .odd td {
      background-color: #f5f5f5!important;
    }
     .wp-table-reloaded-id-2 .even td {
      background-color: #f5f5f5!important;;
    }
    .wp-table-reloaded td {
    text-align:center;
    vertical-align:middle;
    }

    Please advice. Can't add a link to the site as it's not live. I'm using the Exciter – Magazine WordPress Theme

    Thanks

    http://wordpress.org/extend/plugins/wp-table-reloaded/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    thanks for your question.

    From what I can see, the code looks correct. In fact, you can even remove some of it (the parts with the .odd and .even classes), if you simply uncheck the "Alternating row colors" checkbox on the table's "Edit" screen. You will then only have to apply the desired background color to .wp-table-reloaded-id-2 td.

    Unfortunately, this is all I can do right now. For more, I would really need to take a look at the page with the table, as I could find out what is overriding the desired styling. As you can't provide a link yet, I suggest that we either wait with this until the site is live, or you try investigating this yourself (with tools like "Firebug" for Firefox, or the Google Chrome Developer Tools). With these, you can find out which CSS is used on the header row cells and where it comes from.

    Regards,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic