Custom CSS does not apply

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

    (@tobiasbg)

    9 years, 8 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    Which exact “Custom CSS” are you referring to here?

    Regards,
    Tobias

    Thread Starter Omid Reza Rajabi

    (@orrajabi)

    9 years, 8 months ago

    Hi,
    Thanks for your kind reply.
    By custom css I mean the one I have inserted into the OPTIONS section of TABLEPRESS plugin.
    Thanks.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 8 months ago

    Hi,

    yes, I understand. But which specific CSS? From what I can see, things like colors work fine.

    Regards,
    Tobias

    Thread Starter Omid Reza Rajabi

    (@orrajabi)

    9 years, 8 months ago

    Hi,
    I mean the following code:

    .tablepress thead th,
.tablepress tfoot th {
	background-color: #DD0000;
	font-weight: normal;
	color: white;
	vertical-align: middle;
	text-align: center;
}

.tablepress-id-2 tbody td,
.tablepress-id-6 tbody td,
.tablepress-id-7 tbody td,
.tablepress-id-9 tbody td,
.tablepress-id-15 tbody td,
.tablepress-id-16 tbody td,
.tablepress-id-17 tbody td,
.tablepress-id-18 tbody td,
.tablepress-id-19 tbody td,
.tablepress-id-20 tbody td,
.tablepress-id-21 tbody td,
.tablepress-id-22 tbody td,
.tablepress-id-21 tbody td,
.tablepress-id-25 tbody td,
.tablepress-id-26 tbody td,
.tablepress-id-28 tbody td,
.tablepress-id-29 tbody td,
.tablepress-id-30 tbody td,
.tablepress-id-31 tbody td,
.tablepress-id-32 tbody td,
.tablepress-id-33 tbody td,
.tablepress-id-34 tbody td,
.tablepress-id-35 tbody td,
.tablepress-id-36 tbody td,
.tablepress-id-37 tbody td,
.tablepress-id-38 tbody td,
.tablepress-id-39 tbody td,
.tablepress-id-40 tbody td,
.tablepress-id-42 tbody td,
.tablepress-id-43 tbody td,
.tablepress-id-44 tbody td,
.tablepress-id-45 tbody td,
.tablepress-id-46 tbody td,
.tablepress-id-47 tbody td,
.tablepress-id-48 tbody td,
.tablepress-id-49 tbody td,
.tablepress-id-50 tbody td,
.tablepress-id-51 tbody td,
.tablepress-id-52 tbody td,
.tablepress-id-53 tbody td,
.tablepress-id-54 tbody td,
.tablepress-id-55 tbody td,
.tablepress-id-56 tbody td,
.tablepress-id-58 tbody td,
.tablepress-id-59 tbody td,
.tablepress-id-60 tbody td,
.tablepress-id-62 tbody td,
.tablepress-id-63 tbody td,
.tablepress-id-64 tbody td,
.tablepress-id-65 tbody td,
.tablepress {
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}

    Thanks a lot in advance.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 8 months ago

    Hi,

    I just checked again in Google Chrome and this CSS is working fine there.

    Regards,
    Tobias

    Thread Starter Omid Reza Rajabi

    (@orrajabi)

    9 years, 8 months ago

    Hi,
    Thanks for your reply.
    No the code is not applied.
    As observable in the attached pic, the fields which are specified by a black rectangle are not “center-aligned”. This feature is included in the custom code but is not applied.

    Take a look at this pic.

    Best,
    Omid

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 8 months ago

    Hi,

    hhm, weird. The alignment is working fine for me as well…
    Can you try a different browser?

    Regards,
    Tobias

    Thread Starter Omid Reza Rajabi

    (@orrajabi)

    9 years, 7 months ago

    Hi,
    Thanks.
    You are right.
    The problem was my browser’s.
    The problem is solved now.
    Thanks a lot.
    Best,
    Omid.

    atndlr

    (@atndlr)

    9 years, 7 months ago

    Hi, may I hijack this thread?

    I have the same issues with the following custom css which does not get applied.

    .tablepress thead th,
.tablepress tfoot th {
	background-color: #555555;
}

    Link to table on my site: https://drwolfsherz.net/ewige-liste

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 7 months ago

    Hi Omid,

    awesome! Good to hear that it’s working now!

    @atndlr:
    In your case, the problem is coming from your theme, which is overriding your CSS. To fix that, please change the CSS to

    .tablepress thead th,
.tablepress tfoot th {
	background-color: #555555 !important;
}

    Best wishes,
    Tobias

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

    atndlr

    (@atndlr)

    9 years, 7 months ago

    @tobiasbg Thank you very much! Problem solved.

    How did you find out?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 7 months ago

    Hi,

    I inspected the page with the Developer Tools of the browser (I use Chrome). That way, I saw that there is other CSS code that gets precedence.

    Regards,
    Tobias

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

The topic ‘Custom CSS does not apply’ is closed to new replies.