Row as link to page

[LenaW]

This works perfectly, thank you so much!

[camiprscott]

Hey @arminunruh @Richard

I've been playing around to achieve a similar thing to where this thread started - where each row in a table acts as a single link to another page. After lots of trial and error (I am a novice with jQuery/html) I managed it with the following:

<tr onclick="location.href='http://www.websitelink.com'" style="cursor: pointer">
<td>...</td>
<td>...</td>
<td>...</td>
</tr>

What I'm stuck on is the mouseover/hover. I've managed to make it so all text in the whole row becomes italic, but I'd like for all the text in the row to become a colour at the same time.
In the custom CSS I currently have:

tr:hover
{
color: #B2AAE3;
font-style: italic;
cursor: pointer;
}

Here is the link to the page:
https://www.vashtiali.com/writing-copy/

Thanks!

[arminunruh]

maybe try this:

tr:hover
{
color: #B2AAE3!important;
font-style: italic;
cursor: pointer;
}

or try this:

tr:hover{
cursor: pointer;
}
tr:hover > *
{
color: #B2AAE3!important;
font-style: italic;
}