Global Style

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

You can also add CSS style in the header section, 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 section, 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;
}