CSS Not working

  • Resolved Elizabeth Abernathy

    (@elizabeth-abernathy)


    6 years, 7 months ago

    Hi There, I have a table at the following url:
    https://75.103.81.233/wp/

    I can get the customization with css working locally on my computer, but when I try to implement on the site, it is not seeming to work.

    I mainly just want the following style applied to my table:

    <style>

    table, th, td {
    font-size:12px;
    font-family:tahoma;
    }
    </style>

    I have gone back and forth putting the style into page and into the custom plugin section. Then I tried using the id:

    .tablepress-id-2 th td {
    font-size: 10px;
    font-family: “tahoma”, arial;

    }

    and/or using the shortcode in the page to get it to work and I can’t seem to get it right. I tried stripping everything down but I can’t figure it out.

    Any help would be appreciated. Thanks so much, Beth

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

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    The proper CSS for this would be

    .tablepress-id-2 th,
.tablepress-id-2 td {
  font-size: 10px;
  font-family: "Tahoma", arial;
}

    However, there are more severe problems on your site: It seems that something is modifying how CSS and JS files are loaded in the page’s header and footer, which leads to very many errors in the browser console.

    Regards,
    Tobias

    Thread Starter Elizabeth Abernathy

    (@elizabeth-abernathy)

    Hi There, Thank you! I found the errors and cleaned those up. I also am using a newer version of bootstrap with has seemed to clean things up. Although, I am getting an error at line 773:

    Uncaught TypeError: $(…).dataTable is not a function
    at HTMLDocument.<anonymous> ((index):773)
    at i (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at Function.ready (jquery.min.js:2)
    at HTMLDocument.J (jquery.min.js:2)

    I am not sure if the dataTable error is with TablePress or with the new js file that comes in with the CDN js file. Let me know what you think? It does not seem problematic as the table looks a lot better. Thanks, Beth

    Thread Starter Elizabeth Abernathy

    (@elizabeth-abernathy)

    Hi There, now that does not seem to be working? Thanks, Beth

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    this is all related to your theme, which seems to have an incorrectly programmed page footer. For some reason, that prints the JS code before actually loading/including the JS files.

    Regards,
    Tobias

    Thread Starter Elizabeth Abernathy

    (@elizabeth-abernathy)

    Hi There, I don’t really understand .js very well. I just can’t get the table header and table data to be 12px. It sort of worked at one point, but it seems slow to update. Is there a way for me to update something like this in the database? Any help is appreciated. Thanks so much. -Beth

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    one reason for that is that your theme’s code is somehow wrong. As long as it is not loading things in the right order, there’s nothing that we can do here.

    You should check if the theme really has things like the call to wp_head(); and wp_footer(); in the right places.

    Regards,
    Tobias

    Thread Starter Elizabeth Abernathy

    (@elizabeth-abernathy)

    Hi There, O.K. it was the <?php wp_head(); ?> file that was not added into the header. I added it and now it is working (I think). Thanks so much. -Beth

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    great! Good to hear that this is working now!

    Best wishes,
    Tobias

    Thread Starter Elizabeth Abernathy

    (@elizabeth-abernathy)

    I am back again. I had to go back to an earlier version of the site. I added <?php wp_head(); ?> above the end </head> tag, but the table is now looking at bootstraps <th> for the size. Is there something I missed in the rollback? Thanks so much. -Beth

    Thread Starter Elizabeth Abernathy

    (@elizabeth-abernathy)

    Back again. I guess that the hook did not post. So the table is working again. Thanks, Beth

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    great! That’s good to hear.

    Best wishes,
    Tobias

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘CSS Not working’ is closed to new replies.

Tags