Link colour for hover

  • Resolved StevenW123

    (@stevenw123)


    7 years, 10 months ago

    Hi Tobias,

    Great plugin, but I’m having a few small problems with it, I’m afraid.

    How can I change the colour of links when hovering, please? I’d like them to turn to black, so I’m using this:

    .tablepress .row-hover tr:hover td {
	background-color: #1efd03;
	font-family: Lato;
	font-size: 16px;
	color: #000000;
	font-weight: 900;
}

    Unfortunately, the links stay the same colour as before hover. What am I doing wrong, please?

    Thanks,
    Steve

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    This code only changes the color for actual text elements.
    To also change the link color, you would use e.g.

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

    (if you want the link color to change when the row is hovered).
    If you want to change it when the actual link is hovered, try

    .tablepress td a:hover {
	color: #000000;
}

    Regards,
    Tobias

    Thread Starter StevenW123

    (@stevenw123)

    Excellent. Thank you, Tobias.

    Just a quick followup question, please.

    When I use code like this:

    [table id=7 row_highlight="X||Y" row_highlight_full_cell_match=false /]

    How do I format the text if I want X to be two words, please? I’ve tried using a hyphen between the words, but that doesn’t work.
    Thanks,
    Steve

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    doesn’t simply leaving it a space character work, like

    [table id=7 row_highlight="two words||alone" row_highlight_full_cell_match=false /]

    Regards,
    Tobias

    Thread Starter StevenW123

    (@stevenw123)

    Hi Tobias,

    Thanks. I didn’t appreciate the shortcode needed spaces while the code needed hyphens. Works now.

    Thank you!
    Steve

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

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

    Yeah, as CSS can not use spaces, they get transformed to hyphens there.

    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 ‘Link colour for hover’ is closed to new replies.