[Plugin: WP-Table Reloaded] Can't get custom CSS right

  • Resolved littletrooper

    (@littletrooper)


    14 years, 8 months ago

    Hi Tobias,

    I’m using the plugin to insert a table at the bottom right of my site (in a widget area) for a subscription form.

    Here’s my site: http://bit.ly/p0oODq

    However, I tried to use “valign=middle” for the tr because as you can see, the labels of the form don’t align with the fields.

    Do I need custom CSS to do this? Trying to figure it out but I’m stumped.

    Also, there’s a huge space below the image. Already insert the decrease padding in the custom CSS. Any idea how I can get of the extra space? Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    14 years, 8 months ago

    You have this in your stylesheet:

    .wp-table-reloaded td {color:#3D3D3D;background:#fff;vertical-align:top;border-bottom:#fff;}

    I’m guessing the vertical-align: top here would override any alignment you gave the tr.

    I haven’t used this plug-in, but could you try removing that bit of the CSS if it doesn’t affect other things?

    Also… you don’t really need a table to lay out a form. 😉 If you Google ‘css form layout’ you’ll find tons of example for table-less form design.

    Good luck!

    Thread Starter littletrooper

    (@littletrooper)

    14 years, 8 months ago

    Thank you for your help! Tinkered more with the code and finally got it to look the way I wanted to.

    Moderator Kathryn Presner

    (@zoonini)

    14 years, 8 months ago

    Awesome – glad you solved it.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘[Plugin: WP-Table Reloaded] Can't get custom CSS right’ is closed to new replies.