Custom Styles tab – revisited

  • Resolved eclerkin

    (@eclerkin)


    7 years ago

    I am attempting to change the color of the hover event over any row detail of a listed document using the Fileaway shortcode. My prior fix caused all hyperlinks on the page to become the color when hovering my mouse over hyperlinks. I believe the class below is set up properly according to the tutorial but I must be missing something – it doesn’t change the color on hover. Any help would be appreciated.

    Custom Table Classes: mytablestyle|My Table Style
    Custom Styles:
    /***** YOUR TABLE STYLE *****/

    table[id^=”ssfa-table”].mytablestyle > tbody > tr > td > a:hover
    {
    background-color: transparent;
    color: #81d742; !important;
    cursor: default;
    }

    /***** END YOUR TABLE STYLE *****/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author thomstark

    (@thomstark)

    7 years ago

    You have a semi-colon before !important that shouldn’t be there.

    Plugin Author thomstark

    (@thomstark)

    7 years ago

    color: #81d742!important;

    Thread Starter eclerkin

    (@eclerkin)

    7 years ago

    Fixed but hovering over any table row detail still shows a red color.

    table[id^=”ssfa-table”].mytablestyle > tbody > tr > td > a:hover
    {
    background-color: transparent;
    color: #81d742!important;
    cursor: default;
    }

    Plugin Author thomstark

    (@thomstark)

    7 years ago

    Is there a link to the page?

    Thread Starter eclerkin

    (@eclerkin)

    7 years ago

    Yes – http://test.slofostercare.com/home/documents/

    Plugin Author thomstark

    (@thomstark)

    7 years ago

    It’s because you didn’t add a css class to your table, but you’re referring to a css class in your custom css. Either add a css class to your shortcode using the class attribute, or remove the reference to that class in your selector, like so:

    table[id^="ssfa-table"] > tbody > tr > td > a:hover
{
background-color: transparent;
color: #81d742!important;
cursor: default;
}
    Thread Starter eclerkin

    (@eclerkin)

    7 years ago

    Ok, I get it now. I removed the class in the Custom Styles as shown below, deleted cache and now it works properly. Meanwhile, I will set up the class in the shortcode so that I can control each table separately. Thanks again!

    Plugin Author thomstark

    (@thomstark)

    7 years ago

    No prob.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Custom Styles tab – revisited’ is closed to new replies.