Padding and borders

  • Resolved lanijade

    (@lanijade)


    11 years, 5 months ago

    Hi there, I’ve created a table with your plugin (which is so easy to use by the way – thank you!). I’m just having trouble with some CSS and wondering if you can help me. This is the page I’m working on: http://thelittlegreenhouse.net/about-3/

    Firstly, I want to remove the borders and have tried your CSS to do this but it doesn’t seem to be working for me. This is the CSS that I’m using. Have I done something wrong?
    .tablepress-id-1,
    .tablepress-id-1 tr,
    .tablepress-id-1 tbody td,
    .tablepress-id-1 thead th,
    .tablepress-id-1 tfoot th {
    border: none;
    }

    Secondly, I’d like to reduce the padding on the right hand side of the picture and in the cells where the text reside so that the text sits closer to the picture and each bullet point sits closer together.

    Any help would be greatly appreciated. Thank you.

    https://wordpress.org/plugins/tablepress/

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

    (@tobiasbg)

    11 years, 5 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    The reason for this is that your theme adds its own borders in rather aggressive manner, you will therefore just have to raise the priority of your code by adding the !important keyword to the 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;
}

    To reduce the padding, you can use something like this:

    .tablepress-id-1 .column-1 {
	padding: 8px 0;
}
.tablepress-id-1 .column-2 {
	padding-left: 4px;
}

    Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘Padding and borders’ is closed to new replies.