CSS being overwritten by Bootstrap

  • Resolved Elizabeth Abernathy

    (@elizabeth-abernathy)


    7 years, 6 months ago

    Hi There, I am finding that the nice css for tablepress is being overwritten by bootstrap. My tables do have no padding and the row colors dp not alternate. Initially the thumbnail were really really small so I fix that by adding:
    .img-thumbnail {
    max-width: none!Important;

    Is there away to get the styles like padding and the alternating colors to work? Any help with this would be greatly appreciated. Thanks. -Beth

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 6 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    It actually seems that your theme is no even loading the TablePress CSS file. The reason might be that it does not contain a call to the wp_head(); WordPress PHP function in its header.php file, right before the closing </body> HTML tag. Could you please check that?

    Regards,
    Tobias

    Thread Starter Elizabeth Abernathy

    (@elizabeth-abernathy)

    7 years, 6 months ago

    Hi There, That worked perfectly. Thank you. In looking at the tables something else has come up. On the page:
    http://patskailua.com/wp/three-bedrooms.php

    it is showing up and down arrows for the columns, this is true for all the tables except 2 others and the one in question at:

    http://patskailua.com/wp/our-vacation-properties.php

    I am not sure wny there are up and down arrows on the first page I listed and not the 2nd. I don’t think I want the up and down arrows.

    I did some testing with the responsive extensions that you offer, but am not sure if that has anything to do with it. I tested a few things out and the 1st tables short code is [table id=10 responsive=scroll /] but that does not seem to make a difference with the arrows.

    Anyway any help is appreciated. Thanks so much, Beth

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 6 months ago

    Hi,

    good to hear that this helped!

    These “up and down” arrows are part of the sorting feature that is activated for the table. You can turn that off on the table’s “Edit” screen. (If you don’t want any of the features, it’s best to turn off the “Use DataTables” checkbox there.)

    Regards,
    Tobias

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

The topic ‘CSS being overwritten by Bootstrap’ is closed to new replies.

Tags