Support » Plugin: Easy Responsive Tabs » All dropdown buttons appear as active color

  • Resolved DarkSnowy


    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 a { background: none!important; }’
    ‘#oscitas-restabs-1 > a { background: #1E43BC; }
    #oscitas-restabs-1 > 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?

Viewing 2 replies - 1 through 2 (of 2 total)
  • I changed ‘easy_res_tab.php’ at line 130 to:
    $seltabcolor=’#oscitas-restabs-‘ . $id .’ > a { background-color:’.$seltabcolor.’;}’;
    $seltabcolor.= ‘#oscitas-restabs-‘ . $id .’ > a:hover { background-color:none;}’;
    $seltabcolor.= ‘#oscitas-restabs-‘ . $id .’ > 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.

    Plugin Author osCitas Themes



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


Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘All dropdown buttons appear as active color’ is closed to new replies.