Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Junior Member
    Join Date
    Apr 2014
    Posts
    3
    Member #
    38857

    Wordpress plugin (Tablepress) - Where to locate template & how to set column width

    Hi,

    I am trying to set the width of columns to allow the client to update the content of their website. I am really pressed for time so instead of waiting for my developer to do this I hope to be able to fix it myself, my knowledge of HTML websites is ok but I am struggling locate the template to make changes to the table column widths within wordpress - which folder will it be located in?

    I hope then to have the knowledge to be able to set the column widths but any advice would be most welcome on how best to achieve what I need done.

    I have set up a test page which I can supply a URL for in a PM, I don't want to post it here incase it causes any issue with the client.

    Many thanks

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    The directory is: wp-content/themes/NAMEOFTHEME
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Junior Member
    Join Date
    Apr 2014
    Posts
    3
    Member #
    38857
    Quote Originally Posted by Ronald Roe View Post
    The directory is: wp-content/themes/NAMEOFTHEME
    Hi, I actually need to locate the table layout as apposed the template. The table short code is applied on the template, the template is used by other pages so I don't need to amend that layout just the 'Tablepress' table column widths. I found this website but am still a little unsure where to locate things to apply CSS, any ideas? TablePress | Tables in WordPress made easy.

  5. #4
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    It's probably in the directory for the plugin. That, or just view source on the page and find out what the classes/IDs are for the items you want to change. Then you can add the CSS to your theme's CSS file instead.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  6. #5
    Junior Member
    Join Date
    Apr 2014
    Posts
    3
    Member #
    38857
    Quote Originally Posted by Ronald Roe View Post
    It's probably in the directory for the plugin. That, or just view source on the page and find out what the classes/IDs are for the items you want to change. Then you can add the CSS to your theme's CSS file instead.
    Thanks for this, I inspected element and this is what I see below. I notice there are several (border-collapse: collapse, if I add a set width to the column instead of this do you think that would work?

    Many thanks


    @font-face {
    font-family: 'TablePress';
    src: url('tablepress.eot');
    src: url('tablepress.eot?#ie') format('embedded-opentype'), url(data:application/x-font-woff;base64,d09GRgABAAAAAAXYAAwAAAAACXwAAQAAAAAAAA AAAAAAAAAAAAAAAAAAAABGRlRNAAABHAAAABwAAAAcZInHOk9T LzIAAAE4AAAAPgAAAGB7NXPDY21hcAAAAXgAAABMAAABUvD45Q VnYXNwAAABxAAAAAgAAAAIAAAAEGdseWYAAAHMAAABKQAAAgjY VHFyaGVhZAAAAvgAAAAvAAAANv2jaBNoaGVhAAADKAAAAB0AAA AkCk0F6GhtdHgAAANIAAAAIAAAACgoAADqbG9jYQAAA2gAAAAW AAAAFgJWAbxtYXhwAAADgAAAAB0AAAAgAE4AH25hbWUAAAOgAA AB3AAAA43ZugaUcG9zdAAABXwAAABZAAAAgeNVfAkAAAABAAAA AMwXcmMAAAAAy1XFoAAAAADNHI82eJxjYGbexjiBgZWBhaWHxZ iBgaENQjMVM0SB+ThBQWVRMYPDh+APd9gY/gP5bAyMykCKEUmJAgMjAC56Ct8AAHicY2BgYGaAYBkGRgYQ8AH yGMF8FgYDIM0BhEwMDB9CPtz6cOf/fyAr+MN1EIt/A78evy5UFxgwsjHAuYxAPSB9KICRYdgDAL67D8kAAQAB//8AD3icXU/NTsJAEJ5ZFggxxmCbkiwHAzLTowlu4ejeyxPwCOBR7r3rE/geeubuG3i3TyGts12MtT18ndnd7w8QsvpdX/Q/IAboI9s1rpY3mMTDkcAVDuaqPD0RqRfaU05UGSxJhj2p5wDNUp lqyjsZQT6EQ/2mc9GcyBIPReQOObPrkccHMZhgonMS3R1tiLCsDNFm8bgQF3W0 6ekgqqnN5Aa//D9nlrOgDeg09Aq4lK3RTiX16n621BBVLrIe2PQK09s2c4THyPI vF4TrAndwO5uHvhPUwOa7MNw8FsCtZfZDJBKB66BQhW58cRwHW 09OVMEtI+3aOhEHX+E63crM2dh6X+WazMFLvf6F57OvAqiPGvo +87Tb+LrT4X9/7lT6bKXs9vsByDlkyAAAAHicY2BkYGAA4mO9Sxji+W2+MnCzM4 DAWZl+bwT9fyuLN+tpIJeDgQkkCgAbqgoOAHicY2BkYGBj+HeX gYGdAQRYvBkYGVABFwA+hgJEAAAAeJxjZ4AAdiBmaWAwBeJSFh AbiJkaGByAGMwGADa+AxEAAAAAAAAAAAAqAFgAdgCUALIA0AEE AAB4nGNgZGBg4GKQYWBiAAEQycgAEnMA8xkABjEAbgAAAHicjZ JBaxNBFMf/u0mbJoig5KC3QcRblt2tFCm9lEp701iKIHiZJLPJ0mSnzE5S8h 38BB79Nn4ab94E/zN9JVB7MCEzv/3Pm/f+720ADPEbCe4/qXCCAV4Kp+jhrXAHGb4Ld/Ecv4T38Cx5I7yPQfJBuIdPyR/hAzxJa+E+Buk3Zku6fal8xwn9dIRTPMVr4Q6+4kS4S/Wn8B5eJanwPobJO+EefiRfhA/wIv0o3Mcw3YRyV9CYYAmDMRzXll9c6cnSjJ1pyZcU51gzRDMAl 2a+XmrCOSwa+Lg7RhgolJxKzv2Yv8cSqwfZ7iILHGHEdcT7Ofd DJreNP7dublSZ5epY7QwpMUCxOBoVozIvDh/v4mEx/JsE+MwQx+A6dhO8hA7y2EvwUjLEuLa2jSqyPFcsV/7H0MbxUFMOYwkhVSykODAb10U8OePTDbY8qel0QV3FO1PSvaUq Dnh3p5LBB8WxxozqKnZ4TU1T9THfhJ3vsjTcw9M02s1ocWl0a5 QzlXHKW+UXRp3Zm62r5wuvWjP1oenKunhS8YUo7/TMrLS7Vtp7V0/WMaSxvp6aNoP8FYKzU9zGOpbOTHidzqvTW9PaFZ/e0+QmtnJBatjAlqLeGHWhm9kWfwGPR6C4eJxjYGIAg/9VDFEM2AAXEDMyMDEyMTIzsjCyMrIxsjNy8CRnpJYV5efF56Sm lfDCOEWZ6RklXMmJRakl8Sn55XkcEGZpAVQMpJgbwgQrZSnOLy oBACnGHqgAAAA=) format('woff'), url('tablepress.ttf') format('truetype'), url('tablepress.svg#TablePress') format('svg');
    font-weight: normal;
    font-style: normal
    }

    .tablepress-table-description {
    clear: both;
    display: block
    }

    .tablepress {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 1em;
    border: 0
    }

    .tablepress th, .tablepress td {
    padding: 8px;
    border: 0;
    background: 0;
    text-align: left
    }

    .tablepress tbody td {
    vertical-align: top
    }

    .tablepress tbody td, .tablepress tfoot th {
    border-top: 1px solid #ddd
    }

    .tablepress tbody tr:first-child td {
    border-top: 0
    }

    .tablepress thead th {
    border-bottom: 2px solid #ddd;
    border-right: 1px solid #DDD;
    }

    .tablepress thead th, .tablepress tfoot th {
    /*background-color: #d9edf7;*/
    font-weight: bold;
    vertical-align: middle
    }

    .tablepress .odd td {
    background-color: #f9f9f9
    }

    .tablepress .even td {
    background-color: #fff
    }

    .tablepress .row-hover tr:hover td {
    /*background-color: #f3f3f3*/
    }

    .dataTables_wrapper {
    clear: both;
    *zoom: 1;
    margin-bottom: 1em
    }

    .dataTables_wrapper .tablepress {
    clear: both;
    margin: 0 !important
    }

    .dataTables_length {
    float: left;
    white-space: nowrap
    }

    .dataTables_filter {
    float: right;
    white-space: nowrap
    }

    .dataTables_info {
    clear: both;
    float: left;
    margin: 4px 0 0
    }

    .dataTables_paginate {
    float: right;
    margin: 4px 0 0;
    padding: 0 15px
    }

    .dataTables_paginate a {
    color: #111 !important;
    display: inline-block;
    outline: 0;
    position: relative;
    text-decoration: none;
    }

    .dataTables_paginate .paginate_disabled_previous, .dataTables_paginate .paginate_disabled_next {
    color: #999 !important;
    text-decoration: none
    }

    .paginate_disabled_next, .paginate_enabled_next {
    margin-left: 10px
    }

    .paginate_enabled_previous:hover, .paginate_enabled_next:hover {
    cursor: pointer;
    text-decoration: none
    }

    .paginate_disabled_previous:before, .paginate_enabled_previous:before,
    .paginate_disabled_next:after, .paginate_enabled_next:after {
    float: left;
    text-align: left;
    font-family: TablePress;
    font-size: 14px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    content: "\f053";
    color: #1F3E4E;
    text-shadow: .1em .1em #666;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -14px;
    margin: auto;
    height: 14px;
    width: 14px;
    line-height: 1
    }

    .paginate_disabled_next:after, .paginate_enabled_next:after {
    float: right;
    text-align: right;
    content: "\f054";
    left: auto
    }

    .paginate_disabled_previous:before, .paginate_disabled_next:after {
    color: #a2a2a2;
    }

    .paginate_enabled_previous:hover:before, .paginate_enabled_next:hover:after {
    color: #049cdb
    }

    .paging_full_numbers {
    height: 22px;
    line-height: 22px
    }

    .paging_full_numbers a {
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    color: #333 !important;
    background-color: #ddd
    }

    .paging_full_numbers .paginate_button:hover {
    background-color: #ccc
    }

    .paging_full_numbers .paginate_active {
    background-color: #99b3ff
    }

    .dataTables_processing {
    display: none
    }

    .dataTables_scroll {
    clear: both
    }

    .dataTables_scrollBody {
    -webkit-overflow-scrolling: touch
    }

    .dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc,
    .dataTables_wrapper .sorting_desc {
    padding-right: 20px;
    cursor: pointer;
    outline: 0
    }

    .dataTables_wrapper .sorting div, .dataTables_wrapper .sorting_asc div,
    .dataTables_wrapper .sorting_desc div {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important
    }

    .dataTables_wrapper .sorting div:before, .dataTables_wrapper .sorting div:after,
    .dataTables_wrapper .sorting_asc div:before, .dataTables_wrapper .sorting_asc div:after,
    .dataTables_wrapper .sorting_desc div:before, .dataTables_wrapper .sorting_desc div:after {
    font-family: TablePress;
    font-weight: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: -14px;
    margin: auto;
    height: 14px;
    line-height: 1;
    padding: 1px 0 0
    }

    .dataTables_wrapper .sorting div:after {
    content: "\f0dc"
    }

    .dataTables_wrapper .sorting_asc div:after {
    content: "\f0d8";
    padding: 0 0 1px
    }

    .dataTables_wrapper .sorting_desc div:after {
    content: "\f0d7"
    }

    .dataTables_wrapper .sorting:hover, .dataTables_wrapper .sorting_asc,
    .dataTables_wrapper .sorting_desc {
    /*background-color: #049cdb;*/
    }

    .dataTables_wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
    }

    .dataTables_wrapper label input, .dataTables_wrapper label select {
    display: inline;
    margin: 2px;
    width: auto
    }

    .tablepress-rtl td, .tablepress-rtl th {
    text-align: right
    }

    .dataTables_wrapper .tablepress-rtl .sorting, .dataTables_wrapper .tablepress-rtl .sorting_asc,
    .dataTables_wrapper .tablepress-rtl .sorting_desc {
    padding-right: 8px;
    padding-left: 20px
    }

    .dataTables_wrapper .tablepress-rtl .sorting div:before, .dataTables_wrapper .tablepress-rtl .sorting_asc div:before,
    .dataTables_wrapper .tablepress-rtl .sorting_desc div:before {
    left: -14px;
    right: auto
    }

    .dataTables_wrapper .tablepress-rtl .sorting div:after, .dataTables_wrapper .tablepress-rtl .sorting_asc div:after,
    .dataTables_wrapper .tablepress-rtl .sorting_desc div:after {
    content: ""
    }

    .dataTables_wrapper .tablepress-rtl .sorting div:before {
    content: "\f0dc"
    }

    .dataTables_wrapper .tablepress-rtl .sorting_asc div:before {
    content: "\f0d8"
    }

    .dataTables_wrapper .tablepress-rtl .sorting_desc div:before {
    content: "\f0d7"
    }

    /* _reeduke */
    .tablepress {
    border: 1px solid #e7e6e7;
    border-collapse: collapse;
    }

    .tablepress td {
    border: 1px solid #e7e6e7;
    }

    .dataTables_filter {
    margin-bottom: 14px;
    }

    .tablepress td.column-1 {
    }

    .tablepress td.column-2 {
    white-space: nowrap;
    }

    .tablepress td.column-5 {
    white-space: nowrap;
    }

    .tablepress td.column-6 {
    white-space: nowrap;
    }


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:01 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com