Text Align Left

Resolved GPro
(@gpro)

12 years, 12 months ago

I’ve searched the threads and tried everything I’ve found but I can’t get the text to align left. No matter what I add to css it remains centered.

This is what I currently have

.tablepress-id-4 tbody td {
font-family: Tahoma;
font-size: 14px;
color: #000000;
text-align: left;
}

I have tried #content and #main but no matter what I add the “left” is always red.

Thanks for any help.

http://wordpress.org/extend/plugins/tablepress/

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

Plugin Author Tobias Bäthge
(@tobiasbg)

12 years, 12 months ago

Hi,

thanks for your post, and sorry for the trouble.

That CSS code looks fine (and don’t worry about the coloring, that does not have any direct meaning), so I assume that something in your theme is interfering.
Therefore, please post a link to the page with your table, so that I can take a direct look. Thanks!

Regards,
Tobias

Thread Starter GPro
(@gpro)

12 years, 12 months ago

Thanks for taking a look. This is a test page.

http://www.davisgolfcourse.com/test/

GPro

Thread Starter GPro
(@gpro)

12 years, 12 months ago

Also, if I can add css that would apply to all the tables that would be great.

Thanks again,
GPro
Plugin Author Tobias Bäthge
(@tobiasbg)

12 years, 12 months ago
Hi,

thanks for the link!
The reason for this problem is a some bad CSS in the GoGadget Weather widget plugin, that you are using.
To adjust this again, please use this “Custom CSS” (which will apply to all tables):
```
.tablepress tbody td {
  text-align: left !important;
  padding: 0.3em 0.4em !important;
}
```
This will also adjust the spacing/padding in the cells.

Regards,
Tobias
Thread Starter GPro
(@gpro)

12 years, 12 months ago

Thank You! Worked great

Also, thanks for the plugin. I don’t use tables very often but this makes adding one when needed very easy.

GPro

Plugin Author Tobias Bäthge
(@tobiasbg)

12 years, 12 months ago

Hi,

very nice! 🙂 Thanks for the confirmation that this worked!

Best wishes,
Tobias

Fitshase
(@fitshase)

12 years, 11 months ago

Hi,

I’ve tried this code and it works for the body of the table but what do I need to put for the headers? I’m not familiar with css so I’m struggling.

Also, is there a way to have the first column aligned left and the rest of the columns centred?

Cheers

Fitshase
Plugin Author Tobias Bäthge
(@tobiasbg)

12 years, 11 months ago
Hi,

thanks for the question.

This is just working for the body, as the code is specifically targeted at that. To align the head row, please try:
```
.tablepress thead th {
  text-align: left;
}
```
Having the first column aligned left, and the others centered, is possible with this code:
```
.tablepress-id-123 thead th,
.tablepress-id-123 tbody td {
  text-align: center;
}
.tablepress-id-123 .column-1 {
  text-align: left;
}
```
Note that this uses the table ID, so that the code only applies to one table. Just change the ID as desired.

Regards,
Tobias
Fitshase
(@fitshase)

12 years, 11 months ago

Wow – very quick response! Worked a treat thank you!

Great support for a great plugin.

Plugin Author Tobias Bäthge
(@tobiasbg)

12 years, 11 months ago

Hi,

no problem, you are very welcome! 🙂
Good to hear that this worked!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

rpwilso
(@rpwilso)

12 years, 9 months ago

Hi tobias,

I was having this issue too with Wootique and after searching at least a dozen strings almost pertaining to what I needed, this one worked!!!

Thank you very much for the help you didn’t know you were giving. 🙂

Patrick
Canada

Plugin Author Tobias Bäthge
(@tobiasbg)

12 years, 9 months ago

Hi Patrick,

very nice! 🙂 Great to hear that you found this, and that it helped! 🙂

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

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

The topic ‘Text Align Left’ is closed to new replies.