• StephCat

    (@stephcat)


    Hi! So you know, I’m using Thesis for my theme.

    I’m using different tables to simply organize text & pics on several different pages.

    I’m having problems with getting them to do what I want. I’ve unchecked using the javascript libaries. I’ve tried entering (cutting & pasting & editing as needed) pertinent code in the plugin options custom css area.

    On this page http://www.sunsetcat.com/my-patterns/ I’m trying to get the pics (all 150×150 thumbnails) to be adjacent to each other. I’ve gotten rid of the borders already, and changed my background color. I was hoping to do it by changing the column width & row heights to 150 px but it’s not working. Also, I’d like the table to be centered…

    On this page, http://www.sunsetcat.com/my-patterns/socks/, I can’t change the first row’s background color. I put in the code, but the color refuses to change. The first row is not a header row (that box is unchecked).

    On this page, http://www.sunsetcat.com/about/stephannie/, I’d just like to center it.

    thanks!

Viewing 15 replies - 16 through 30 (of 37 total)
  • Hi,

    if you add

    .wp-table-reloaded-id-4 {
      width: auto!important;
    }

    to the CSS, your width commands should work. In the current setting, the table gets a total width of 100%, which then extends the cells beyond your widths.

    Best wishes,
    Tobias

    Of course, and this should come as no surprise to you, you are correct ๐Ÿ˜‰ Thanks, so much. Great plug-in, great support.

    Hi.

    Changed my mind about this issue.

    No help needed this time ๐Ÿ™‚

    Hi,

    there is indeed some other CSS messing with your images, and it’s coming from your theme. The theme gives an additional margin to all images.

    Additionally, you have forgotten a period (.) in front of the wp-table-reloaded-id-1 and therefore it does not have any effect at all. However, it is not even necessary, because of the good default setting that you now already have!

    So, to fix your layout,
    1.) remove all current “Custom CSS”,
    2.) then paste in this short piece of CSS:

    .wp-table-reloaded-id-1 td {
      padding: 0!important;
    }
    
    .wp-table-reloaded-id-1 img {
      margin: 0!important;
    }

    Best wishes,
    Tobias

    wow!

    That was a quick reply.

    Althoug I changed my mind about the layout, I learned something about periods!

    Thank’s alot Tobias.

    Hi Tobias,

    I’ve got the table widths to what I want, but I need it center (I’ve tried 80% to 50% and it never moves) in the page and not to have the big space between the at the bottom of column 1 and 2.

    The site is: http://batsonsonline.com

    Thanks.

    Hi,

    to center the table, add this “Custom CSS” on the “Plugin Options” screen:

    .wp-table-reloaded-id-4 {
      margin: 0 auto!important;
    }

    Regarding the “big space” you mention, I’m not sure what you mean. Can you explain that a little more?

    Regards,
    Tobias

    Thanks Tobias, that fixed the problem and by doing that I figured out my spacing issue. I had to make the height larger. Do you know anything about widget’s in the footer by any chance? I can’t #2 and #3 to line up correctly.

    Thanks again.

    http://batsonsonline.com

    Hi,

    good to see that it worked!

    Regarding the footer widgets: Sorry no. I suggest asking the developer of the widget (or if it belongs to WordPress Core) your theme’s developer.

    Best wishes,
    Tobias

    One more question – how do I make them all align to the bottom of the cell? I tried valign: bottom;

    Thanks again.

    Hi,

    that would be

    vertical-align: bottom;

    (valign is the HTML notation, not CSS.)

    Regards,
    Tobias

    Hi Tobias.

    Any idea why I can’t make the table align to the left with the above text here?:

    http://www.produktionsteknik.dk/wp/?page_id=18

    Thank’s in advance ๐Ÿ™‚

    Hi,

    that’s coming from a margin and some padding that your theme is adding to cells and images. They are actually left aligned, but pushed back to the right by the margin.

    To remove some of it, try this “Custom CSS”:

    .wp-table-reloaded-id-2 td, .wp-table-reloaded-id-2 td img {
      margin: 0!important;
      padding: 0!important;
    }

    Best wishes,
    Tobias

    Hi Tobias.

    Thank’s but it didn’t change anything.

    I will try to make changes in the theme.

    Best regards
    John

    Hi,

    that’s because there is an error in the CSS command in front of the new one.

    There is a dot . missing in front of wp-table-reloaded-id-2 .column-1

    Best wishes,
    Tobias

Viewing 15 replies - 16 through 30 (of 37 total)
  • The topic ‘WP-Table Reloaded centering, row height, column width etc’ is closed to new replies.