Round Corners Problem

  • Resolved rayallove

    (@rayallove)


    10 years ago

    first of i really appreciate for creating good plugin its awow some i never ever seen ur much of support

    really thxs alot ??

    my prob is

    My website is : https://www.tsemployees.com
    1. first Column (Complete Information) Border Radius not set with other columns please how to set first columns radius

    2. how to change Only Box Border Color ( Not Columns)

    My code is

    .tablepress thead th:first-child {
    border-top-left-radius: 20px;
    }

    .tablepress thead th:last-child {
    border-top-right-radius: 20px;
    }

    .tablepress tbody tr:last-child td:first-child {
    border-bottom-left-radius: 20px;
    }

    .tablepress tbody tr:last-child td:last-child {
    border-bottom-right-radius: 20px;
    }

    /* TABLE lines RADIUS */
    .tablepress-id-M1 {
    border-collapse: separate;
    border-spacing: 1px;
    }

    .tablepress-id-M1 td {
    border: 1px solid #dddddd;
    border-radius: 10px;
    }

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • Thread Starter rayallove

    (@rayallove)

    3) .tablepress,
    .tablepress tbody td {
    border: 1px solid #200000;
    }

    How to change above code to individual Table ID

    4) how to change any code Table ID to Table

    and

    Table to Table ID

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I shortened and rearranged your “Custom CSS” a little bit. Please try again with

    .tablepress-id-M1,
.tablepress-id-J1 {
	border-collapse: separate;
	border-spacing: 1px;
}

.tablepress-id-M1 thead th,
.tablepress-id-M1 tbody td,
.tablepress-id-J1 thead th,
.tablepress-id-J1 tbody td {
	font-family: Tahoma;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* Header Color Change and font color */
.tablepress-id-M1 thead th,
.tablepress-id-J1 thead th {
	background-color: #0C2044;
	color: #ffffff !important;
	text-align: center;
	border: 1px solid #0C2044;
	border-radius: 10px;
}

.tablepress-id-M1 tbody td,
.tablepress-id-J1 tbody td {
	border: 1px solid #dddddd;
	border-radius: 10px;
}

/*  Regular Row text (link color)-
Regular Row text (link hover color)- */
.tablepress tbody a {
	color: #080000;
}

.tablepress tbody a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

/* Mouse Hover Color Change */
.tablepress .row-hover tr:hover td {
	background-color: #ffff33;
}

    That should fix your styling problems.

    Regards,
    Tobias

    Thread Starter rayallove

    (@rayallove)

    Thxs for support

    every thing is fine

    How to add Table Border Lines Code

    .tablepress,
    .tablepress tbody td {
    border: 1px solid #200000;
    }

    This Code use for all rows but i want to add different color to Table Border Boz

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    then just split it up:

    .tablepress {
  border: 1px solid #ff0000;
}
.tablepress tbody td {
  border: 1px solid #200000;
}

    Regards,
    Tobias

    Thread Starter rayallove

    (@rayallove)

    thxs for such a gr8 support i ever never seen

    i need that code to table ID format ( Diff Table diff color)

    Thread Starter rayallove

    (@rayallove)

    excaty what i need i done thats way with ur support only

    for this way i read almost ur all replies in support forum ??
    i seen every post i observed that ur giving replies very patience and quickly reply
    thats way in ratting box i recommended 100 stars to this plugin

    in my life its first time i recommended 100 starts one plugin ??

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for the kind words.

    To use this code for different tables, just use the ID based selector, like

    .tablepress-id-123 {
  border: 1px solid #ff0000;
}

    Regards,
    Tobias

    Thread Starter rayallove

    (@rayallove)

    Thxs

    I am trying to add two tables side by side but i need space between 2 tables

    i am using this code

    .tablepress-id-M1 {
    width: 43%;
    }

    .tablepress-id-J1 {
    width: 35%;
    }

    .tablepress-id-M1,
    .tablepress-id-J1 {
    float: left;
    }

    my website : https://www.tsemployees.com

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    you should probably just tell one table to float on the right side, i.e. replace

    .tablepress-id-M1,
.tablepress-id-J1 {
  float: left;
}

    with

    .tablepress-id-M1 {
  float: left;
}
.tablepress-id-J1 {
  float: right;
}

    Regards,
    Tobias

    Thread Starter rayallove

    (@rayallove)

    if i want to add 3 or 4 tables side by side

    how can i add i i need gap few gap on every table

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    ah, ok. Then you should use float: left; but add a margin to the tables:

    .tablepress-id-M1,
.tablepress-id-J1 {
  float: left;
}
.tablepress-id-M1 {
  width: 43%;
}
.tablepress-id-J1 {
  width: 35%;
  margin-left: 20px;
}

    Regards,
    Tobias

    Thread Starter rayallove

    (@rayallove)

    its coming to much gap between two tables

    i need only width auto bcoz if i put 50 % its not supporting to mobile

    see once my website : https://www.tsemployees.com

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

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

    .tablepress-id-M1 {
    float: left;
    }

    .tablepress-id-J1 {
    float: right;
    }

    please guide me i need only little bit gap

    add 3 or 4 tables side by side

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    please try the suggestion from my previous reply instead of what you are using now.

    Regards,
    Tobias

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Round Corners Problem’ is closed to new replies.