image size and table width

  • Resolved toddcpg

    (@toddcpg)


    10 years, 10 months ago

    Page – http://artdeco.org/explore/registry

    This is a 2 part question.

    1. The first column of this table has an image. Some how the size was bigger and now is showing smaller. I am not sure how to get it back.
    I did try a bunch of other things like
    .tablepress img {
    max-width: 100%;
    }

    or .tablepress-id-1 .column-1 img {
    width: 150px !important;
    }

    nothing worked.

    2. Also I need the table to fit, so I do not have to scroll left and right.

    Here is the below is the custom css we are using now.
    .tablepress thead th {
    font-size: 14px;
    color: #000000 !important;
    }

    .tablepress td {
    font-size: 12px !important;
    color: #000000 !important;
    }

    .tablepress .odd td {
    background-color: #E5E5E5;
    }

    .tablepress .even td {
    background-color: #F0F0F0;
    }

    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #E5E5E5;
    font-size: 14px;
    }

    .tablepress-id-1 tbody td {
    font-size: 12px !important;
    color: #000000 !important;
    }

    .tablepress-id-1 .column-1 {
    width: 160px !important;
    }

    .tablepress tbody td,
    .tablepress thead th,
    .tablepress tfoot th {
    padding: 5px;
    }

    https://ww.wp.xz.cn/plugins/tablepress/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 10 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    First, let’s reduce the width of the table. For that, please change the text of column 10 in row 195 from

    http://www.kaufmanastoria.com/our-legacy/

    to a real link. That text is otherwise taking up a lot of space.
    Then, we should reduce the padding in the table, e.g. by replacing

    .tablepress tbody td,
.tablepress thead th,
.tablepress tfoot th {
	padding: 5px;
}

    with

    .tablepress tbody td {
	padding: 5px !important;
}
.tablepress thead th,
.tablepress tfoot th {
	padding: 5px 20px 5px 5px !important;
}

    Regards,
    Tobias

    Thread Starter toddcpg

    (@toddcpg)

    10 years, 10 months ago

    Great that work.

    But, The First row does width does not match the columns below.

    I added some css to make the first column width more even, but i am assuming there some way to have all the columns match.

    I added

    .tablepress-id-1 .row-1 .column-1 {
	width: 135px !important;
}

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 10 months ago

    Hi,

    that widths problem is related to the Horizontal Scrolling feature, which unfortunately has problems detecting the columns properly.
    Can you therefore please try again after turning that checkbox off?

    If you want to keep the horizontal scrolling, you could then try this alternative: https://ww.wp.xz.cn/support/topic/responsive-tables-scroll-only?replies=6#post-5511954

    Regards,
    Tobias

    Thread Starter toddcpg

    (@toddcpg)

    10 years, 10 months ago

    I turned off that check box and it works now.

    Thank you for your time and help.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 10 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

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

The topic ‘image size and table width’ is closed to new replies.