Easy Responsive Tabs
[resolved] All dropdown buttons appear as active color (3 posts)

  1. DarkSnowy
    Posted 2 years ago #

    When a tab within the 'more' dropdown list is active all of the buttons within the dropdown list appear as active.

    This is because when you change the background of the 'more' button the CSS is effecting the grandchildren as well.

    You should replace:
    '#oscitas-restabs-1 li.active a { background: none!important; }'
    '#oscitas-restabs-1 li.active > a { background: #1E43BC; }
    #oscitas-restabs-1 li.active > a:hover { background: none; }'
    so as to effect immediate children only (not ancestors).

    (supported by all major browsers - IE 7, IE8, IE9 pr3, FF 3.0, FF 3.5, FF 3.6, FF 4b1, Saf 4.0 Win, Saf 5.0 Win, Chrome 4, Chrome 5, Opera 10.10, Opera 10.53 and Opera 10.60)

    The !important is causing me problems too so please remove it if my solution without it works. Ensure that you declare my suggested CSS lower/after the defult CSS for hover to ensure the background: none override for active takes precidence.

    Would you be able to help me with this?


  2. DarkSnowy
    Posted 2 years ago #

    I changed 'easy_res_tab.php' at line 130 to:
    $seltabcolor='#oscitas-restabs-' . $id .' li.active > a { background-color:'.$seltabcolor.';}';
    $seltabcolor.= '#oscitas-restabs-' . $id .' li.active > a:hover { background-color:none;}';
    $seltabcolor.= '#oscitas-restabs-' . $id .' li.active > a:active { background-color:none;}';

    At line 175 I changed to:

    This has fixed the problem for me and works. Would you be able to have the fix by next update? Because my changes will be lost when I update.

  3. osCitas Themes
    Plugin Author

    Posted 2 years ago #


    Thanks for the patch, we will add it to next update.


Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic