Table Borders

  • Resolved lcappiello

    (@lcappiello)


    8 years, 6 months ago

    I love your plugin, I use it on several of my sites so I tried to copy the CSS from one to another but it is not helping me. My website https://theperfectcut2.net/1-2/ has the table but I would like no lines no nothing just the white background. It is table 2 and below is what I have in the Custom CSS tab of the plugin. What am I missing??

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

    .tablepress-id-2 {
    background-color: #000000;
    }

    .tablepress-id-1 {
    width: auto;
    }

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

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

    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #000000;
    }

    .tablepress .row-hover tr:hover td {
    background-color: #000000;
    }

    Thank you
    Lisa

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    From what I can see, your site seems to be in Maintenance Mode? Due to that, I can’t see the page with the table, unfortunately ?? Can you maybe turn it off temporarily?

    Regards,
    Tobias

    Thread Starter lcappiello

    (@lcappiello)

    Sorry about that its ready to go.

    FYI: On the gallery page there is a sidebar image that I am tring to figure out how to remove from only that page at the moment.
    THank you!!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks! Now I can see the table. The background color is coming from your theme. To override that, please change

    .tablepress-id-2 {
  background-color: #000000;
}

    to

    .tablepress-id-2 tr {
	background-color: #ffffff !important;
}

    in your “Custom CSS”.

    About that sidebar image: Sorry, that’s something that you’ll have to ask the theme developers ??

    Regards,
    Tobias

    Thread Starter lcappiello

    (@lcappiello)

    Great thank you, I tried to remove the border that is displayed on the right and bottom only with this below, but it is not changing anything??

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

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    what you are seeing there is actually a “shadow”. To remove that, please use

    .tablepress-id-2 {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

    Regards,
    Tobias

    Thread Starter lcappiello

    (@lcappiello)

    awesome thank you!!!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    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 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Table Borders’ is closed to new replies.