Jili website withdrawal philippines.REGISTER NOW GET FREE 888 PESOS REWARDS!

Resolved parvinders347
(@parvinders347)

3 years, 1 month ago
Hello, Tobias!

Thanks for the awesome plugin

I have seen all the support questions related to width but I am not able to find a solution to the problem, please help me.

The height and width of my table is not changing:
https://drive.google.com/file/d/1YvXkfSRMECPDEIHmxL6S3rC5drqYuPyv/view?usp=sharing

I want width and height like this table:
https://drive.google.com/file/d/1zbGQrJgbPO7tM69sZJq2AorO-MGM1UsW/view?usp=sharing

Table Content SS: https://drive.google.com/file/d/1kdjYnRUGT5VTSdrogRu_tBczmYEUWuGQ/view?usp=sharing

And, This is the code I have added
```
.tablepress-id-1 .button {
	border-radius: 5px;
	background: #3e64ff;
	color: #fff;
	cursor: pointer;
	padding: 7px 10px;
	border-width: 1px;
	font-family: inherit;
	text-decoration: none;
}

.tablepress-id-1 .button:hover {
	text-decoration: none;
}

.tablepress-id-1 tbody td {
	border: 1px solid rgb(209,209,209);
	text-align: center;
}

.tablepress-id-1 .row-1 td {
	background-color: #ff0000;
	color: #00ff00;
}

.tablepress-id-1 td p {
	color: blue;
}
```
Any help would be much appreciated!
thank you
Parvinder

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

Plugin Author Tobias B?thge
(@tobiasbg)

3 years, 1 month ago
Hi,

thanks for your post, and sorry for the trouble.

Please add
```
margin: 0 !important;
```
to the CSS rule
```
.tablepress-id-1 td p {
	color: blue;
}
```
This should reduce the space between the text and the button (you have a typo in the word “Download” by the way).

Regards,
Tobias
Thread Starter parvinders347
(@parvinders347)

3 years, 1 month ago
I have put this code:
```
.tablepress-id-1 td p {
	color: blue;
	margin: 0 !important;
}
```
Only a little margin removed ??

I have given the URL of the page in the image: https://drive.google.com/file/d/1Pz_jQL5WiMVYyC2lYDoirIyXugVZJ4jU/view?usp=sharing
Plugin Author Tobias B?thge
(@tobiasbg)

3 years, 1 month ago

Hi,

thanks! Ok, it looks like the line break is also adding spacing here. Can you please remove the line break between the </p> and the <a?

Regards,
Tobias

Thread Starter parvinders347
(@parvinders347)

3 years, 1 month ago

Hi,

I Removed it, please see the img is this right:
https://drive.google.com/file/d/1sVBjvXs42_x1o3Kc10rm8Axgn3r6Pn09/view?usp=sharing

Height decreased but width did not
Result:
https://drive.google.com/file/d/1hDTRChDnhDLcikbPg32GXxD4_tFLpd_p/view?usp=sharing
Plugin Author Tobias B?thge
(@tobiasbg)

3 years, 1 month ago
Hi,

to change the width, you will need e.g.
```
.tablepress-id-1 {
	width: auto;
}
.tablepress-id-1 td {
	width: 33.3%;
}
```
Regards,
Tobias
Thread Starter parvinders347
(@parvinders347)

3 years ago

Hi,

Thank you so much, Tobias

I have set the width of the table,

My table is responsive but my table has 3 columns and I have to convert it into 2 columns just in mobile view. I don’t want to install another plugin please help ??

I have made a video to explain to you so that you can understand better:
https://youtu.be/0ljyjFLMwqU

Plugin Author Tobias B?thge
(@tobiasbg)

3 years ago

Hi,

what’s the link to the website with the green buttons? We should then be able to find the relevant CSS code that they use.
I assume that it will be similar to the stack mode that the TablePress Extension from https://tablepress.org/extensions/responsive-tables/ offers (but only with one column).

Regards,
Tobias

Thread Starter parvinders347
(@parvinders347)

3 years ago

Hi,

link to that website:
https://drive.google.com/file/d/1TVdJ5t4pIYAlcNknn7Ms23MW4eRpVc0h/view?usp=sharing

That website is using wp tables:
https://www.ads-software.com/plugins/wp-table-builder/

I can use that table plugin too but loading speed is slow in it.

Plugin Author Tobias B?thge
(@tobiasbg)

3 years ago

Hi,

thanks for that! From what I can see, they are using some JavaScript code for this effect, and not just CSS code. This means that we can’t easily copy the approach, unfortunately.
Thus, at this time, I can only suggest to maybe try the stack mode that I mentioned above.

Regards,
Tobias

Thread Starter parvinders347
(@parvinders347)

3 years ago

Okay, Thank you Tobias for the help! ??

Plugin Author Tobias B?thge
(@tobiasbg)

3 years ago

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 11 replies - 1 through 11 (of 11 total)

The topic ‘Width and Height not changing’ is closed to new replies.