I'm looking to change the white border seen in this snip. This is the dropdown that appears when selecting a Menu Item in the Multi-Level Navigation Menu.

Multi-Level Navigation Menu

EDIT: Additional Information

ul[community_navigation-multiLevelNavigationList_multiLevelNavigationList] {
border: 1px solid #DC143C;
z-index: 500;
background: var(--lwc-brandNavigationBackgroundColor,#fff);
box-shadow: 0 2px 7px 0 rgba(0,0,0,.16);

found this by inspecting, and I can manually edit the border and see it change... but I can't get it to stick and apply in the CSS Override.

specifically I tried this, as well as slight variations of spacing

.slds-m-vertical_medium .slds-m-horizontal_x-small .slds-is-absolute .slds-nubbin_top-left{
border: 1px solid #dc143c;




.slds-dropdown.slds-dropdown--center.slds-nubbin--top {
    border-color: red;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.