Column widths and removing lines

  • wowscotland

    (@wowscotland)


    12 years, 10 months 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

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

    (@tobiasbg)

    12 years, 10 months 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

    Thread Starter wowscotland

    (@wowscotland)

    12 years, 10 months 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!

    Thread Starter wowscotland

    (@wowscotland)

    12 years, 10 months ago

    Sorry for getting your name wrong Tobias!

    Plugin Author TobiasBg

    (@tobiasbg)

    12 years, 10 months 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

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