![]() |
|
To strip all the default styling add the class “block-plain” to the block.
Some Modules include Blocks that are missing the block-block CSS style that is necessary to use the styles listed in the examples above. When you come across a Block that doesn’t have the styling, just add block-block to the CSS styles field.
Below is an example of a Block created by the Agenda Module.
In order to remove the “block line” separating the block body from the header field, the block must be assigned the CSS class “no-line-header”. However, adding this style will only remove the “block line” under the header if the block is being displayed in one of the “Sidebar” content regions. In order to make this class effect all blocks site-wide, a special CSS rule needs to be created.
Access the module by navigating to Configuration > Development > CSS Injector
Create a new rule, title it “main CSS”
Paste the following CSS code in the “CSS Code” field:
.no-line-heading h2.block-title::after {
content: none !important;
}
Make sure the radio button “Add on every page except the listed pages” is selected, and uncheck “preprocess CSS” if it is checked. Click “Save”.