• Resolved congo181

    (@congo181)


    I have put in custom css to change the colors and i’m nearly there with the css, however there is one bit that I can’t make work.

    When I hover over a row, it highlights in the correct color, but when there is a hyperlink inserted in the table (for example on Snow White), when I hover over the words “Snow White” it appears white (which is correct), however, when I hover over any other part of the row, the color of the link blends into the background, so I can’t see it.

    Is there a way to make any links highlight in white (with the light purple background) when any part of the row is hovered over, not “just” when the link is hovered over?

    Here is the css I’ve put in:

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

    .tablepress .row-hover tr:hover td {
    background-color: #615dec;
    color: #FFFFFF;
    }

    .tablepress-id-1 .column-1 {
    width: 130px;
    }

    .tablepress a:visited {
    color: #615dec;
    }

    .tablepress a:hover {
    color: #ffffff;
    }

    .tablepress a:active {
    color: #615dec;
    }

    Many thanks,
    Tim

    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)

    Hi,

    thanks for your post, and sorry for the trouble.

    For that, please change

    .tablepress a:hover {
      color: #ffffff;
    }

    to

    .tablepress .row-hover tr:hover a {
      color: #ffffff;
    }

    Regards,
    Tobias

    Thread Starter congo181

    (@congo181)

    Thanks for your help Tobias. This worked perfect.

    Is there a way to just change the link (e.g. the link text “Snow White”) to color #301781 when I hover over the link text? Just to differentiate the link from the rest of the line?

    Thanks again

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    do you mean that you want white link text when the row is hovered, and in addition that #301781 color when the link is hovered?
    For that, please try extending

    .tablepress .row-hover tr:hover a {
      color: #ffffff;
    }

    to

    .tablepress .row-hover tr:hover a {
      color: #ffffff;
    }
    .tablepress .row-hover tr a:hover {
      color: #301781;
    }

    Regards,
    Tobias

    Thread Starter congo181

    (@congo181)

    Pefect. Just what I was looking for! 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    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 ‘Colour link’ is closed to new replies.