Round Corners Problem

Resolved rayallove
(@rayallove)

11 years, 4 months 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 : http://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://ww.wp.xz.cn/plugins/tablepress/

Viewing 13 replies - 1 through 13 (of 13 total)

Thread Starter rayallove
(@rayallove)

11 years, 4 months ago

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)

11 years, 4 months ago
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)

11 years, 4 months ago

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)

11 years, 4 months ago
Hi,

then just split it up:
```
.tablepress {
  border: 1px solid #ff0000;
}
.tablepress tbody td {
  border: 1px solid #200000;
}
```
Regards,
Tobias
Thread Starter rayallove
(@rayallove)

11 years, 4 months ago

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)

11 years, 4 months ago

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)

11 years, 4 months ago
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)

11 years, 4 months ago

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 : http://www.tsemployees.com
Plugin Author Tobias Bäthge
(@tobiasbg)

11 years, 4 months ago
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)

11 years, 4 months ago

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)

11 years, 4 months ago
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)

11 years, 3 months ago

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 : http://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)

11 years, 3 months ago

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.