WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
Column widths and removing lines (5 posts)

  1. wowscotland
    Member
    Posted 3 years ago #

    Hi Tobias,

    I've read on your FAQs how to adjust column width and how to remove the lines from the table. However, I can't get it to work for me. As I have zero knowledge of coding I'm sure that I've made a really basic mistake but can't tell.

    This is what I've tried to change the column size (I've already successfully changed the font)

    '.wp-table-reloaded td {
    font-family: Tahoma;
    font-size: 14px;
    color: #ff000000;

    }
    .wp-table-reloaded-11-N .column-2 {
    width: 100px;
    }'

    Hope you can help - also - if you could show me how I can get rid of the lines as well that would be very useful. I have tried using the code you said but have not got it to work.

    Many thanks!

    Gordon

  2. TobiasBg
    Member
    Plugin Author

    Posted 3 years ago #

    Hi Gordon,

    in your code, you did not replace the N with the table ID, but you added it. Please try with

    .wp-table-reloaded-11 .column-2 {
      width: 100px;
    }

    As I'm not sure what lines you get, can you please post the URL to the page with the table?

    Regards,
    Tobias

  3. wowscotland
    Member
    Posted 3 years ago #

    Hi Thomas,

    That still doesn't work for me (have tried quite a few combination).

    I am trying to remove the borders from the table or make the columns smaller so it doesn't interfere with the widgets

    http://www.wow-scotland.co.uk/test/

    Cheers!

  4. wowscotland
    Member
    Posted 3 years ago #

    Sorry for getting your name wrong Tobias!

  5. TobiasBg
    Member
    Plugin Author

    Posted 3 years ago #

    Hi,

    ok, thanks for the link.
    Instead of messing with individual column widths, I suggest that you try the following code. That will reduce the width so that the table just fits around the content, and it will remove all borders.

    .wp-table-reloaded-id-11 {
      width: auto!important;
    }
    .wp-table-reloaded-id-11, .wp-table-reloaded-id-11 td, .wp-table-reloaded-id-11 th {
      border: none!important;
      border-collapse: collapse!important;
      border-spacing: 0px!important;
    }

    Regards,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic