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

Style Inheritance

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

It's all very simple. To the point of being frustrating. Yesterday everything was fine, today I turn on my computer, Denver, go to the site, and one of the blocks refuses to accept styles. Firebug reports that there are no styles defined for it, even though three neighboring blocks with the same styles are working fine.

Below is a snippet of code from page.css:

/*footer menu*/

#block-menu-menu-secondary-menu li.first.expanded.menu-depth-1.menu-item-740{

width: 200px;

float: left;

margin-left: 100px;

font-size: 12px;

}

#block-menu-menu-secondary-menu li.first.expanded.menu-depth-1.menu-item-740 a{

color: #888;

}

#block-menu-menu-secondary-menu li.first.expanded.menu-depth-1.menu-item-740 a:hover{

color: #E25401;

}

#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-749{

width: 200px;

float: left;

margin-left: 80px;

font-size: 12px;

}

#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-749 a{

color: #888;

}

#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-749 a:hover{

color: #E25401;

}

 

#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-745{

width: 200px;

float: left;

margin-left: 80px;

font-size: 12px;

}

#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-745 a{

color: #888;

}

#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-745 a:hover{

color: #E25401;

}

#block-menu-menu-secondary-menu li.last.expanded.menu-depth-1.menu-item-753{

width: 200px;

float: left;

margin-left: 80px;

font-size: 12px;

}

#block-menu-menu-secondary-menu li.last.expanded.menu-depth-1.menu-item-753 a{

color: #888;

}

#block-menu-menu-secondary-menu li.last.expanded.menu-depth-1.menu-item-753 a:hover{

color: #E25401;

}

#block-menu-menu-secondary-menu{

border-top: 1px dashed #afafaf;

}