Border radius on columns

  • Resolved Kriss Kellino

    (@scifikriss)


    9 years, 4 months ago

    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 Tobias Bäthge

    (@tobiasbg)

    9 years, 4 months ago

    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

    Thread Starter Kriss Kellino

    (@scifikriss)

    9 years, 4 months ago

    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 Tobias Bäthge

    (@tobiasbg)

    9 years, 4 months ago

    Hi Kriss,

    you could maybe take inspiration from https://ww.wp.xz.cn/support/topic/can-tablepress-do-this/

    Regards,
    Tobias

    Thread Starter Kriss Kellino

    (@scifikriss)

    9 years, 4 months ago

    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 Tobias Bäthge

    (@tobiasbg)

    9 years, 4 months ago

    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

    Thread Starter Kriss Kellino

    (@scifikriss)

    9 years, 4 months ago

    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 Tobias Bäthge

    (@tobiasbg)

    9 years, 4 months ago

    Hi,

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

    Regards,
    Tobias

    Thread Starter Kriss Kellino

    (@scifikriss)

    9 years, 4 months ago

    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 Tobias Bäthge

    (@tobiasbg)

    9 years, 4 months ago

    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.