WP-Table Reloaded centering, row height, column width etc

  • 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 https://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, https://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, https://www.sunsetcat.com/about/stephannie/, I’d just like to center it.

    thanks!

Viewing 7 replies - 31 through 37 (of 37 total)

  • still no difference.

    I will work on the themes CSS.

    But anyway, thank’s for your time.

    I have a table that I’d like to have aligned right so the text can wrap around it to the left.

    I used the <div> tag you discussed on the FAQ page on the site.

    I have:
    <p style=”text-align: justify;”><div style=”width:325px; text-align:right;”>[table id=2 /]</div>
    at the beginning of the page. It has made my table the right width, but it’s still on the left side of the page and the text is under it. I’d like the text to be on the left and the table to be on the right.

    I’ve copied some other CSS to the options page that I’ve found on other posts.
    .wp-table-reloaded-id-1, {
    border: none!important;
    border-collapse: collapse!important;
    border-spacing: 0px!important;

    }
    .wp-table-reloaded td {
    text-align: left;
    }
    .wp-table-reloaded .column-1, .wp-table-reloaded .column-2, {
    text-align: right;
    }

    What should I do?

    Thanks!

    Hi,

    please try the float argument for the alignment. That means, please try changing

    <div style="width:325px; text-align:right;">

    to

    <div style="width:325px; text-align:right; float: right;">

    in your code.

    Best wishes,
    Tobias

    geoswanko

    (@geoswanko)

    Works perfectly! Thanks so much! On these forums, I figured out how to get a nice black border as well!

    Now if I can only figure out how to reduce the space between a list and a sublist on an unordered list…I’ll be mega-Happy! ??

    Thanks again!

    Geo

    TobiasBg

    (@tobiasbg)

    Hi,

    great to hear that it worked.

    For the space around the lists: I suggest that you play around with their margins and padding a little.

    Best wishes,
    Tobias

    Hi Tobias,

    Can you tell me exactly what I need to do to center a table?

    Here is my URL: https://www.managed-futures-investing.com/?page_id=23

    Thank you,
    Dean

    Hi Dean,

    To center your table, please add the following code to the “Custom CSS” textarea on the “Plugin Options” screen of WP-Table Reloaded:

    .wp-table-reloaded-id-2 {
  margin: 10px auto 15px!important;
}

    Additionally, you will need to change a setting on the edit screen of your page. Currently, the page seems have a layout applied to it that has a sidebar. Due to that, the space for the actual content is limited in the HTML output. So, likely, on the edit screen of your page, you have a setting somewhere, where you can select what type of page it shall be, where you can also disable the sidebar.

    Best wishes,
    Tobias

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

Tags