Borderless table & alignment issues

  • Resolved secretsauce

    (@secretsauce)


    8 years, 7 months ago

    Hi,

    I am trying to make the changes shown in the image below but it can’t seem to get the look i’m after, i have tried reading through the support material but still haven’t been able to get it sorted?

    https://secretsauce.net.au/template2/wp-content/uploads/sites/3/2016/08/howw.png

    I’m wondering if my theme is not affecting the table? I’m using the DIVI theme https://www.elegantthemes.com/gallery/divi/

    Below is the custom css i have entered in the plugin options page.

    .tablepress-id-1,
    .tablepress-id-1 tr,
    .tablepress-id-1 tbody td,
    .tablepress-id-1 thead th,
    .tablepress-id-1 tfoot th {
    border: 0;
    }

    .tablepress-id-N .column-1 {
    text-align: right;
    }

    .tablepress-id-N .column-2 {
    text-align: left;
    }

    Here is my debug info:

    · Website: https://secretsauce.net.au/template2
    · TablePress: 1.7
    · TablePress (DB): 32
    · TablePress table scheme: 3
    · Plugin installed: 2016/08/15 11:27:18
    · WordPress: 4.5.3
    · Multisite: yes
    · PHP: 5.6.24
    · mysqli Extension: true
    · mySQL (Server): 5.6.28-76.1-log
    · mySQL (Client): 5.5.32
    · ZIP support: yes
    · UTF-8 conversion: yes
    · WP Memory Limit: 128M
    · Server Memory Limit: 256M
    · Magic Quotes: off
    · WP_DEBUG: false
    · WP_POST_REVISIONS: true

    I look forward to hearing from you ??

    https://www.ads-software.com/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Please try this “Custom CSS”:

    .tablepress-id-1,
.tablepress-id-1 tr,
.tablepress-id-1 tbody td,
.tablepress-id-1 thead th,
.tablepress-id-1 tfoot th {
	border: none !important;
}

.tablepress-id-1 {
  margin-top: 15px;
}

.tablepress-id-1 .column-1 {
	padding: 8px;
	text-align: right;
}

.tablepress-id-1 .column-2 {
	padding: 8px;
	text-align: left;
}

    As you can see, only a few changes are necessary.
    Don’t worry about the “Edit” link. Regular site visitors will not see this.

    Regards,
    Tobias

    Thread Starter secretsauce

    (@secretsauce)

    Thank you for that, is the below line included to force the styling over other table style built into the theme css? If so would a better solution be to find that css & change it?

    border: none !important;

    P.S Thank you very much for your help!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    yes, that line of CSS would override the theme CSS, but only for TablePress tables. It’s therefore completely safe to do here. It will not influence or override any regular theme CSS.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Borderless table & alignment issues’ is closed to new replies.