Change style for 'Bulk Edit' link on hover

[DesiLogi]

Hi,

Does anyone know how/where to change the css in the Styles for the Bulk Edit link when it's hovered over, for a tabular datapage. I can change the style for the link in Source/Page Action section: 

.cbResultSetBulkEditActionLink
{
    /*Results Page Bulk Edit ActionLink Attributes (For Gallery And List Pages)*/
    color: green;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
However, this only changes the link style when it's not hovered over. When hovered over  the 'Bulk Edit' link reverts to its default styling and looks jarring. There must be some css somewhere for something like .cbResultSetBulkEditActionLink:hover but I cannot find it. 

EDIT:

In case anyone needs a solution to something like this, I ended up sort of finding a solution. If you put _hover after it (what Caspio seems to use to designate hover), it basically removes the hover effect (it's supposed to change it, if you change the css but it seems to have just disabled hover). So if you put something like:

.cbResultSetBulkEditActionLink
{
    /*Results Page Bulk Edit ActionLink Attributes (For Gallery And List Pages)*/
    color: green;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.cbResultSetBulkEditActionLink_hover
{
    /*Results Page Bulk Edit ActionLink Attributes (For Gallery And List Pages)*/
    color: green;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

in Source/User Defined Styles it seems to work. 

[Anan24]

Here's what you can check; 

css

Copy code

.cbResultSetBulkEditActionLink { color: green; font-family: Arial, sans-serif; font-size: 14px; font-weight: 600; text-decoration: none; } .cbResultSetBulkEditActionLink:hover { color: darkgreen; font-weight: 800; text-decoration: underline; }

 

HTML Example:

html

Copy code

<a href="#" class="cbResultSetBulkEditActionLink">Bulk Edit</a>

This ensures the link changes style on hover. If _hover works in your environment, it’s likely due to a custom parsing method. The standard is :hover.

[DesiLogi]

Hi @Anan24,

That's really helpful--thanks for posting!