Title: CSS problems
Last modified: August 21, 2016
---
# CSS problems
* Resolved [LivingDeadBrewery](https://wordpress.org/support/users/livingdeadbrewery/)
* (@livingdeadbrewery)
* [12 years, 1 month ago](https://wordpress.org/support/topic/css-problems-19/)
* I cant figure this out.. im trying to get the header as the samecolor on all
pages as the table on
[http://livingdeadbrewery.se/olets-ingredienser/humle/humlesorter/](http://livingdeadbrewery.se/olets-ingredienser/humle/humlesorter/)
* and thats no problem.. but i cant get the text to get white more than when im
hover tha header.
* and then on table 25 i want to get the header text smaller, and i cant manage
that :/
* i thought it was something like
* ```
.tablepress-id-25 thead td {
font-family: Tahoma;
font-size: 10px;
color: #ff0000;
}
```
* and i the hover.. i cant change color and background color on that :/
* i copy things from the documentation ( i thought it was the right code, but it
dosen´t seems to do what i want hehe)
* //magnus
* **full costum css**
* ```
.tablepress .odd td {
background-color: #f4ddc4;
}
.tablepress .even td {
background-color: #E4C09A;
}
.tablepress thead th,
.tablepress tfoot th,
.dataTables_wrapper .sorting:hover {
color: #ffffff;
background-color: #522306;
}
.tablepress thead th {
color: #ffffff;
}
.tablepress-id-1 .column-1 {
width: 100px;
}
.tablepress-id-3 .column-1 {
width: 250px;
}
.tablepress-id-4 .column-1 {
width: 250px;
}
.tablepress-id-5 .column-1 {
width: 250px;
}
.tablepress-id-6 .column-1 {
width: 250px;
}
.tablepress-id-7 .column-1 {
width: 250px;
}
.tablepress-id-8 .column-1 {
width: 250px;
}
.tablepress-id-9 .column-1 {
width: 250px;
}
.tablepress-id-10 .column-1 {
width: 250px;
}
.tablepress-id-11 .column-1 {
width: 250px;
}
.tablepress-id-12 .column-1 {
width: 250px;
}
.tablepress-id-13 .column-1 {
width: 250px;
}
.tablepress-id-14 .column-1 {
width: 250px;
}
.tablepress-id-15 .column-1 {
width: 250px;
}
.tablepress-id-16 .column-1 {
width: 250px;
}
.tablepress-id-17 .column-1 {
width: 250px;
}
.tablepress-id-18 .column-1 {
width: 250px;
}
.tablepress-id-19 .column-1 {
width: 250px;
}
.tablepress-id-25 tbody td {
font-family: Tahoma;
font-size: 10px;
color: #000;
}
.tablepress-id-25 thead td {
font-family: Tahoma;
font-size: 10px;
color: #ff0000;
}
```
* [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)
Viewing 9 replies - 1 through 9 (of 9 total)
* Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
* (@tobiasbg)
* [12 years, 1 month ago](https://wordpress.org/support/topic/css-problems-19/#post-4625032)
* Hi,
* thanks for your post, and sorry for the trouble.
* The problem here is that your theme is overriding your changes because it uses
more “strict” CSS.
To fix that, you’ll need to prepend `#content` to your CSS
selectors. Additionally, for the header cells, you’ll need to use `th` instead
of `td`:
* ```
#content .tablepress-id-25 thead th {
...
}
```
* Regards,
Tobias
* Thread Starter [LivingDeadBrewery](https://wordpress.org/support/users/livingdeadbrewery/)
* (@livingdeadbrewery)
* [12 years, 1 month ago](https://wordpress.org/support/topic/css-problems-19/#post-4625053)
* Thanks!
* still got one problem :/
* [http://livingdeadbrewery.se/olets-ingredienser/humle/humlesorter/](http://livingdeadbrewery.se/olets-ingredienser/humle/humlesorter/)
* on hovet the text color change on all rows, but background color only on the
one that is dark already.
* Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
* (@tobiasbg)
* [12 years, 1 month ago](https://wordpress.org/support/topic/css-problems-19/#post-4625063)
* Hi,
* it seems like the theme is also changing that, so we’ll have to be even more
strict and add the `!important` keyword:
* ```
#content .tablepress .row-hover tr:hover td {
background-color: #884112 !important;
color: #ffffff;
}
```
* Regards,
Tobias
* Thread Starter [LivingDeadBrewery](https://wordpress.org/support/users/livingdeadbrewery/)
* (@livingdeadbrewery)
* [12 years, 1 month ago](https://wordpress.org/support/topic/css-problems-19/#post-4625069)
* thanks! looks great now..
* one more.. is the textcolo on “Previous Next” a theme setting or is that something
i can change color with css?
* thanks for great support! in a week or too a donation will come!
* Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
* (@tobiasbg)
* [12 years, 1 month ago](https://wordpress.org/support/topic/css-problems-19/#post-4625075)
* Hi,
* great to hear that this helped!
* Yes, the pagination text color is also influenced by the theme, but you can also
set it manually: [http://wordpress.org/support/topic/css-pagination?replies=20#post-4198024](http://wordpress.org/support/topic/css-pagination?replies=20#post-4198024)
(
You might need to prepend that `#content`, if it doesn’t work immediately.)
* Regards,
Tobias
* Thread Starter [LivingDeadBrewery](https://wordpress.org/support/users/livingdeadbrewery/)
* (@livingdeadbrewery)
* [12 years, 1 month ago](https://wordpress.org/support/topic/css-problems-19/#post-4625091)
* Thanks alot!
* Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
* (@tobiasbg)
* [12 years, 1 month ago](https://wordpress.org/support/topic/css-problems-19/#post-4625101)
* Hi,
* no problem, you are very welcome!
* Best wishes,
Tobias
* [John J. Ziemba](https://wordpress.org/support/users/john-j-ziemba/)
* (@john-j-ziemba)
* [12 years, 1 month ago](https://wordpress.org/support/topic/css-problems-19/#post-4625236)
* Hi Tobias
* I’m trying to link to an internal review page for one of my hot sauces. But when
I add the link into the table, and try the preview button, the link takes me
to a 404 page.
* Here’s the HTML i used
Tabasco hot pepper sauce
* And the link to my home page
[http://www.worldhottesthotsauce.com/world-hottest-hot-sauce-2/?preview=true&preview_id=425&preview_nonce=9a4de455d4](http://www.worldhottesthotsauce.com/world-hottest-hot-sauce-2/?preview=true&preview_id=425&preview_nonce=9a4de455d4)
* Is this the right HTML format or is there something else I should use? Is my
theme interfering? I have several reviews that I want to link to on my home page
Hot Sauce list. So your help would be appreciated as son as possible. Thx
* Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
* (@tobiasbg)
* [12 years, 1 month ago](https://wordpress.org/support/topic/css-problems-19/#post-4625238)
* Hi,
* thanks for your post, and sorry for the trouble.
* Please try adding your link like this:
* ```
Tabasco hot pepper sauce
```
* (You must not repeat the URL in the `target` attribute, but only have it in the`
href` attribute.)
* Unfortunately, I can’t check for the exact error, as the preview link that you
posted is not publicly accessible.
* Regards,
Tobias
Viewing 9 replies - 1 through 9 (of 9 total)
The topic ‘CSS problems’ is closed to new replies.
* 
* [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
* [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
* [Support Threads](https://wordpress.org/support/plugin/tablepress/)
* [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)
* 9 replies
* 3 participants
* Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
* Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/css-problems-19/#post-4625238)
* Status: resolved