Support » Plugin: WP-Table Reloaded » [Plugin: WP-Table Reloaded] Added CSS to Extra CSS class but seeing no effect

  • Resolved wotnow

    (@wotnow)


    Hi! First off the bat I would like to say THANKS! This plugin has saved me the drama of trying to make two columns on a page, I think, lol.
    Using the latest twenty eleven theme and your plugin on a page.

    Trying to have no borders, different font and columns equal width.
    Have used the following code in the extra css class in the table styling options. With table id=2.

    .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 .column-2 {width: 291px;} .wp-table-reloaded-id-2 .column-1 {width: 291px;} .wp-table-reloaded-id-2 td { font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif; font-size: 15px; color: #373737; }

    Not sure where I am going wrong.

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

Viewing 15 replies - 1 through 15 (of 16 total)
  • PS I would also like to centre the headings

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    the code needs to go into the “Custom CSS” textarea on the “Plugin Options” screen, and not into the “Extra CSS class” field. Can you try that?

    Regards,
    Tobias

    My apologies, I didnt see this section. Awesome Plugin. Thanks so much!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! 🙂

    Best wishes,
    Tobias

    Hi just made a small donation, keep up the good work! You are much appreciated. Don’t suppose you could tell me how to add some spacing to the top of the table?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thank you for your donation, I really appreciate it!

    To add some spacing to the top of the table, just add something like

    .wp-table-reloaded-id-2 {
      margin-top: 50px!important;
    }

    to the “Custom CSS”, and adjust the value as necessary.

    Best wishes,
    Tobias

    Hey Tobias,
    .wp-table-reloaded-id-2 {
    margin-top: 50px!important;
    }
    targets for the table with id 2, is there any way to target something like;
    table id 5 and Column-1.
    I am trying to adjust the width of a column in a table. Dunno why but when I add a picture with NextGen Gallery shortcode ([singlepic id=1 w=160 h=80 float=]) it gets a width of 390.7px 🙂
    or even better can table width and column width are adjustable from somewhere in the plugin?

    Once again,
    here is the solution if anyone needs,
    in the WP-Tables Reloaded setting use the Custom CSS section,

    .column-1{
    width:80px;
    }

    and in any table you can use .column-1 in “Extra CSS class” field
    omg, what a plugin 😀

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    yes, that “Custom CSS” that you posted is good, but I’d actually recommend to use it with a table class prepended, like

    .wp-table-reloaded-id-123 .column-1{
      width:80px;
    }

    where 123 is the ID of your table.
    That way, you would not have to add an “Extra CSS class”. And actually, in this example, an “Extra CSS class” .column-1 does not make any sense, as every table has this class (for it’s first column). Also, it is a CSS class on the table, and not just a column! Thus, this would actually change the width of the entire table.

    Regards,
    Tobias

    Yes, thank you. Worked like a charm 🙂
    I am a bit out of css here as you can say.
    Is there any way to combine these then?

    .wp-table-reloaded-id-4 .column-1{
    width:80px;
    }
    .wp-table-reloaded-id-5 .column-1{
    width:80px;
    }

    thanx in advance

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    great that it worked! 🙂

    Yes, you can combine these two commands:

    .wp-table-reloaded-id-4 .column-1,
    .wp-table-reloaded-id-5 .column-1 {
      width:80px;
    }

    Just take the full selectors and combine them with a comma (,).

    Regards,
    Tobias

    Thanx again,
    Any last suggestion on vertical alignment?

    .wp-table-reloaded-id-4 .column-1,
    .wp-table-reloaded-id-5 .column-1 {
      width:80px;
    vertical-align:middle;
    }

    just wont work, not sure if interferes with the theme css 🙁

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    that code looks good, but unfortunately, it’s sometimes not this easy, for example with images in the cell.

    Can you please post the URL to the page with your table?

    Regards,
    Tobias

    tables are located here:
    @@vira@@dijital@@.com@@/makineler/endustriyel-baski/

    Sorry for the @@’s 😀 just remove them:D

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘[Plugin: WP-Table Reloaded] Added CSS to Extra CSS class but seeing no effect’ is closed to new replies.