Jump to content
  • 1

Change style for 'Bulk Edit' link on hover


DesiLogi

Question

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. 

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...