Custom CSS Strange Behavior

  • Resolved thepartisanspy

    (@thepartisanspy)


    5 years, 7 months ago

    Hi there,

    I need some help with the Custom CSS at the Plugin Options tab.

    Some codes work and some don’t. For example, this code worked:
    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #000000;
    color: #ffffff;
    }

    This one didn’t work:
    .tablepress thead .sorting_asc,
    .tablepress thead .sorting_desc,
    .tablepress thead .sorting:hover {
    background-color: #00ff00;
    color: #00ff00;
    }

    Neither this one, I also tried adding -id-X.
    .tablepress tbody td {
    font-family: Karla, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    }

    When I check the preview it does show the font changes, but it doesn’t show on the website. Is my Theme blocking it? I’ve checked and there no identical classes.

    Would appreciate some guidance to solve the issue.

    thanks!

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

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

    (@tobiasbg)

    5 years, 7 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    Can you try that

    .tablepress thead .sorting_asc,
.tablepress thead .sorting_desc,
.tablepress thead .sorting:hover {
  background-color: #00ff00;
  color: #00ff00;
}

    again? I don’t see it in the “Custom CSS” right now, but that should be working, actually.

    As for

    .tablepress tbody td {
  font-family: Karla, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}

    you are likely not getting the expected result, because the content in the second and third columns are links. These get the green text color by your theme. To also style those, please modify the CSS code to

    .tablepress tbody td,
.tablepress tbody td a {
  font-family: Karla, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}

    Regards,
    Tobias

    Thread Starter thepartisanspy

    (@thepartisanspy)

    5 years, 7 months ago

    Hi Tobias,

    Thanks for the quick reply and congrats on the plugin.

    I added the code as suggested and the only that seems to “go through” is the first one.
    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #000000;
    color: #ffffff;
    }

    .tablepress thead .sorting_asc,
    .tablepress thead .sorting_desc,
    .tablepress thead .sorting:hover {
    background-color: #4e5968;
    }

    .tablepress tbody td,
    .tablepress tbody td a {
    font-family: Karla, sans-serif;
    font-size: 14px;
    font-weight: normal;
    }

    I didn’t mention in my first message but had also tried the .tablepress tbody td a before.

    Let me know what else can I do.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 7 months ago

    Hi,

    please make sure to force-reload the page, to clear the browser cache, by hitting Ctrl+Shift+R on the keyboard.

    Also, please add

    color: #000000;

    to the last block of CSS, to actually set the color there.

    Regards,
    Tobias

    Thread Starter thepartisanspy

    (@thepartisanspy)

    5 years, 7 months ago

    Tobias,

    That is crazy! I thought that the “Delete Cache” button did the job.
    Thanks for the guidance and I left the “color” out intentionally.

    Every day learning something new. 🙂

    Cheers, have a great day!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 7 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

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

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

The topic ‘Custom CSS Strange Behavior’ is closed to new replies.

Tags