Custom CSS not loading.

  • Resolved Brian T. a11n

    (@brianmitchtay)


    10 years, 1 month ago

    Hey there, awesome plugin. I love being able to import from .csv

    However the custom CSS function isn’t working. Which is an essential for me to design this site for my client.

    I’ve read other posts and tried adding #content to my selectors, to no avail.

    I would be very grateful if you could help me get this working.

    URL with the table on it.
    https://testing.crashmasterpads.com/rates/

    Here’s the debug info from the about page: · Website: https://testing.crashmasterpads.com
    · TablePress: 1.4
    · TablePress (DB): 24
    · TablePress table scheme: 3
    · Plugin installed: 2014/10/09 11:41:17
    · WordPress: 4.0
    · Multisite: no
    · PHP: 5.4.32
    · mysqli Extension: false
    · mySQL (Server): 5.5.38-35.2-log
    · mySQL (Client): 5.5.37
    · ZIP support: yes
    · UTF-8 conversion: yes
    · WP Memory Limit: 40M
    · Server Memory Limit: 256M
    · Magic Quotes: off
    · WP_DEBUG: false
    · WP_POST_REVISIONS: true

    Regards,
    Brian

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Brian T. a11n

    (@brianmitchtay)

    Should mention, no error messages after changing WP_DEBUG to true

    Thread Starter Brian T. a11n

    (@brianmitchtay)

    sample of the code I was trying to implement, no selectors I’ve tried work.

    table  {border: none;
           max-width: 50%; }
    td {border: none;}
    thead {color: #a9a7ac;
          background-color: #231f20;
          border-radius: 20%;
}

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Those CSS selectors are not specific enough, unfortunately. You will need to use as least the .tablepress class, so that the CSS has at least the specificity that the TablePress default CSS has.
    I suggest to take a look at the examples in the TablePress FAQ at https://tablepress.org/faq/ Those should give you an idea about what’s required.

    Regards,
    Tobias

    Thread Starter Brian T. a11n

    (@brianmitchtay)

    added .tablepress to my selectors

    .tablepress-id-dayrates table {
	border: none;
	max-width: 50%;
}

.tablepress td {
	border: none;
}

.tablepress-id-dayrates thead {
	color: #a9a7ac;
	background-color: #231f20;
	border-radius: 20%;
}

    Only the color in thead changed. Any ideas?

    Thread Starter Brian T. a11n

    (@brianmitchtay)

    I thought I had read all the FAQs, apparently not. Very helpful. I’m trying some things listed there.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    that “Custom CSS” is much better, but there are few things to keep in mind:
    .tablepress-id-dayrates is already the table element, so the first block needs to be

    .tablepress-id-dayrates {
	border: none;
	max-width: 50%;
}

    In the third block, you’ll have to apply this to the actual cells in the header row, i.e.

    .tablepress-id-dayrates thead th {
	color: #a9a7ac;
	background-color: #231f20;
	border-radius: 20%;
}

    Regards,
    Tobias

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS not loading.’ is closed to new replies.

Tags