logo

Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll
  1. Home
  2. Forums
  3. Drupal CMS
  4. Theming

Active link

22/02/2025, by Anonymous (not verified)
Forums
Theming

Hello. Can you tell me how to specify a style for the active menu link? Using the pseudo-class :active doesn't work. I mean, I set it, but the style doesn't change. I need the active link to be highlighted.

I'm using these styles, but nothing happens:

#block-menu-menu-header-menu li a:hover,
#block-menu-menu-header-menu li a:active{
    margin-top: 5px;
    padding-top:5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    font-size: 22px;
    text-decoration: underline;
    /*font-weight: bold;*/
    font-family: Tahoma;
    background: #cc0000;
    /*background: url(../images/menu-bg.png) left top repeat-x;*/
    height:30px;
    display: block;
    border-left: 2px solid rgba(0, 0, 0, 0.5);
    border-top: 2px solid rgba(0, 0, 0, 0.5);