WordPress.org

Support

Support » Plugins and Hacks » Column widths and removing lines

Column widths and removing lines

  • 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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author TobiasBg

    @tobiasbg

    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

    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!

    Sorry for getting your name wrong Tobias!

    Plugin Author TobiasBg

    @tobiasbg

    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Column widths and removing lines’ is closed to new replies.