Global Style

CSS styling that should apply to all content and all layouts added to the launchpad, can be added in the Global Style tab. CSS added in the Global Style tab, will apply globally to all content, like tiles and tilegroups.

You can also add CSS style in the header tab, but CSS added there will be placed before the UI5 library files, making it very difficult to target UI5 CSS classes.

CSS added in the Global Style tab, will dynamically be placed below the UI5 library CSS files, so that you can target UI5 classes without resorting to !important.

A snippet example with custom classes

.crown-brands .nepFCardContentLayout {
    padding: 2rem;
}
.crown-brands .nepFCardInlineImage {
    max-height: 150px;
}
.crown-brands {
    background-color: #f5492b;
}
.nepThemeDark .crown-brands {
    background-color: #781808;
}
.crown-brands .nepFCardContainer.nepFCardPlain {
    border-right: 1px solid rgba(184,193,203,.5);
    border-bottom: 1px solid rgba(184,193,203,.5);
}
.crown-images .nepFCardInlineImage {
    margin-bottom: 0;
}
.crown-images .nepFCard.sapFCard .sapFCardHeader.nepFCardFooter {
    display: none;
}