• Resolved GPro

    (@gpro)


    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.

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    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)

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

    https://www.davisgolfcourse.com/test/

    GPro

    Thread Starter GPro

    (@gpro)

    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)

    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)

    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)

    Hi,

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

    Best wishes,
    Tobias

    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)

    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

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

    Great support for a great plugin.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    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!

    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)

    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.