Want to use theme css

  • Resolved dankje70

    (@dankje70)


    5 years, 10 months ago

    Hi,
    I am using a theme called chord and it has a very nice table but it is done with HTML. I am trying to reproduce this table’s style. Please see the page I added. First the theme’s table and second Tablepress.

    I must warn you, I am pretty novice when it comes to these things. Can Tablepress use the style for the theme?

    Help would be greatly appriciated.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter dankje70

    (@dankje70)

    5 years, 10 months ago

    In the meantime, I tried something else. I have no HTML skills whatsoever but I copied the HTML of the theme and imported it to a new table. Looks like we are very close now.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 10 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    You will basically have to change some colors here, with CSS code. For that, I suggest taking a look at https://tablepress.org/faq/change-background-color-table-head-row/ and https://tablepress.org/faq/change-color-alternating-rows/

    Regards,
    Tobias

    Thread Starter dankje70

    (@dankje70)

    5 years, 10 months ago

    Hi, thanks for your reply.

    I tried that method but it didn’t work. It’s almost as we want it but the css code doesn’t work at all. I get the same output with r without code. The reason it is in the style of the theme is that I turned off some options in the table.

    There is a little white line that is bothering me and the top row is a bit smaller. I’ll have that fixed when we are finished and we have someone over to finetune.

    Thanks again!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 10 months ago

    Hi,

    ok, thanks for the clarification!

    From what I can see, you could replace all your “Custom CSS” with just this:

    .tablepress thead th {
	background-color: #096b70;
	font-size: 16px;
	border-bottom: none;
}

    This will remove that border line and increase the font size in the header row.

    Regards,
    Tobias

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

The topic ‘Want to use theme css’ is closed to new replies.