Support » Plugin: TablePress » Header item not lining correctly in responsive mode

  • Resolved foeyong

    (@foeyong)


    Hey there!

    I’ve been using Tablepress since a couple of days and it’s amazing! Thank you. I only have one problem. It seems like the header title cell doesn’t line up right with the rest of the cells in responsive mode. I’ve put a screenshot in the link. The cel: “Naam” suppose to line up correctly with “Streetball Masters”. PLease let me know how to fix this. Thanks!

    Here is the screenshot

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I’m not sure why this happens, but one idea could be that your Shortcode is wrapped in HTML <pre> tags. To check this, please go to the “Edit” screen of the page, and switch to the “Text” editor, away from the “Visual” editor.

    If that does not help, please post a link to the page, so that I can take a direct look. Unfortunately, a screenshot is not enough for that.

    Regards,
    Tobias

    foeyong

    (@foeyong)

    Hi Tobias,

    Amazing, thank you for your help. It’s an amazing plugin.

    Regards,

    foeyong

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome!

    Best wishes,
    Tobias

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

    Hi Tobias,

    I will certainly do that. I’ve got another question: when I hover over the headeritems it has a blue color. I’ve tried to find the css code to change that. I can’t seem to find it. Where can I find it?

    Thanks Tobias!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the rating, I really appreciate it!

    Regarding the blue color of the header items: This most likely comes from some CSS in your theme. It’s however not that hard to overwrite that with some “Custom CSS” in TablePress.
    To find out details, I’d need to take a direct look at the site, where I could then use the Google Chrome Developer tools to find the necessary CSS selectors. Could you therefore please post a link?

    Regards,
    Tobias

    Hi,

    No problem, it’s such a great plugin.

    You can check out: basketballtoernooien.nl

    Thanks for your time. I know it’s precious, that’s why I appreciate it!

    Regards,

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link. Now I know what you mean.

    For ways on how to change this behavior, please take a look at the answer to the question “How can I change the background color of the table head row?” in the TablePress FAQ at http://tablepress.org/faq/
    That also explains how to change the color of the hovered cell.

    Regards,
    Tobias

    Hi,

    Thanks, I’ve found it. Also another question (I’m very sorry). It seems that I cannot “sort” the date in my table. On your demo site it does “sort”.
    Thank you again Tobias.

    BEst Regards,

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    good to see that the styling is no working 🙂

    The sorting of the dates is not working, because you are using a date format that is not supported by default. Please take a look at the TablePress Extension at http://tablepress.org/extensions/datatables-sorting-plugins/ that adds the formats “dd/mm/yyyy” and “dd.mm.yyyy” for “European” dates. To make this work, you might need to add this to the “Custom Commands” textfield on the “Edit” screen of the table:

    "aoColumnDefs": [ { "sType": "date-eu", "aTargets": [ 1, 2 ] } ]

    Regards,
    Tobias

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Header item not lining correctly in responsive mode’ is closed to new replies.