Support » Plugin: TablePress » Border radius on columns

  • Resolved SciFiKriss

    (@scifikriss)


    Hi ya

    I am trying to put a border radius on a column… I have done this but it is not working…

    tablepress-id-1 .column-1 {
    border-radius: 10px !important;
    }

    I want it on each column.

    Thanks in advance

    Kriss 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    That’s a bit tricky, as you will first have to add a border and then only add the border radius to the top and bottom cells.
    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Slight problem there as it is on my test site which is in maintanence mode… I will have a go with that… will be back to let you know what happens.

    Kriss 🙂

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Kriss,

    you could maybe take inspiration from https://wordpress.org/support/topic/can-tablepress-do-this/

    Regards,
    Tobias

    Ok I put in that and I got rounded corners on the bottom and not the top… may have found out why but when I inspect the CSS it cancels it out but no sign of the new CSS I did put in !important and it still didn’t work…

    I am not a proper developer so not sure why this is happening… I have pasted what it says in the theme CSS to see if you can see why the bottom works and not the top..

    .fluida-stripped-table .main td {
    border-top: 1px solid transparent;
    }

    .fluida-stripped-table .main tr.even {
    background-color: transparent;
    }

    .fluida-bordered-table .main th,
    .fluida-bordered-table .main td {
    border: 1px solid transparent;
    }

    .fluida-stripped-table .main th,
    .fluida-bordered-table .main th {
    border-top: 1px solid transparent;
    }

    .fluida-stripped-table .main thead th,
    .fluida-bordered-table .main thead th {
    border-top: 2px solid transparent;
    }

    Thanks

    Kriss 🙂

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    I’m a bit confused as to what these .fluida-stripped-table and .main CSS classes are. Those are not for a TablePress table…

    Is your top row a table head row? Then you would need to target the th elements. But your code does have those, so I assume that this is the case.

    Regards,
    Tobias

    These are the themes CSS not yours… but I think they may be interferring…

    And yes my top row is a table head row…

    Kriss 🙂

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    ah, ok 🙂
    Now, I don’t think that they interfere because the CSS classes don’t apply to TablePress tables.

    Regards,
    Tobias

    Thought not… ahh well… for some reason it doesn’t want to work but that is ok…

    Thanks for all the help…

    Kriss 🙂

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    sure, no problem!

    Best wishes,
    Tobias

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Border radius on columns’ is closed to new replies.