Fixed Column Width

  • haggart

    (@haggart)


    7 years, 7 months ago

    I am wondering how to keep columns fixed. I have a two column one row table that I am using to enter a head shot and some biographical information. For some reason one column is wider than the other. How can I keep the columns equal width?

    • This topic was modified 7 years, 7 months ago by haggart.
Viewing 4 replies - 1 through 4 (of 4 total)
  • tickett0

    (@tickett0)

    7 years, 5 months ago

    You can add the following to Custom CSS, setting your own defaults:

    .wpsm-comptable td:first-child{width:30% !important}
    .wpsm-comptable td:nth-child(2){width:15% !important}
    .wpsm-comptable td:nth-child(3){width:15% !important}
    .wpsm-comptable td:nth-child(4){width:40% !important}

    I’ve found this overrides ALL tables though. I currently have a ticket open on how to make them table-specific (no response yet…).

    Hope this helps!

    lifetreemkt

    (@lifetreemkt)

    7 years, 4 months ago

    I’ve tried the folloqing code and it worked fine.

    .wpsm-comptable th, .wpsm-comptable td {
    max-width: 90px!important;
    }

    tickett0

    (@tickett0)

    7 years, 4 months ago

    Great! Glad you have it working.

    Also, figured out a way to assign custom widths to MULTIPLE tables through IDs. Example below:

    #wpsm-table-1 td:first-child{width:30% !important}
    #wpsm-table-1 td:nth-child(2){width:15% !important}
    #wpsm-table-1 td:nth-child(3){width:15% !important}
    #wpsm-table-1 td:nth-child(4){width:40% !important}

    #wpsm-table-2 td:first-child{width:25% !important}
    #wpsm-table-2 td:nth-child(2){width:25% !important}
    #wpsm-table-2 td:nth-child(3){width:50% !important}

    #wpsm-table-2 td:first-child img{padding:0px}

    tickett0

    (@tickett0)

    7 years ago

    @lifetreemkt please mark ticket as “resolved” if no further questions. 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Fixed Column Width’ is closed to new replies.

Tags