How to change dimensions background colors in Filter Panel ?

[chandrasekhar6]

Hi

I am using Lumira 2.1 Designer SP01.

I used below CSS script to Filter Panel,

.sapzenfilterpanel-HeaderText { 

font-size: 27px!important;

font-style:italic;
height: 240px!important;

background-color:#0000a0;

padding: 4px10px!important; 

}

getting an output as below,

Here I found as below things,

Changed,

• font style
• font size
• background color

but

How to change State, City, and StoreName background and selected icon.

If any possible way to remove Seach options in filer panel

Please do help on above CSS script

Thanks,

Chandrasekhar .K

[arijit_das · Accepted solution]

/* Hide search bar */
.myFilterPanel .sapMSFF{ 
    visibility: hidden !important;
}


/* Change background color */
.myFilterPanel .sapMIBar.sapMTB.sapMTB-Auto-CTX.sapMTBInactive.sapMTBNewFlex{
    background-color: rgba(200,0,0,0.5);
}
.myFilterPanel .sapContrastPlus.sapMIBar.sapMIBar-CTX.sapMPageSubHeader.sapMSubHeader-CTX.sapMTB.sapMTB-Auto-CTX.sapMTBInactive.sapMTBNewFlex{
    background-color: white !important;
}

[chandrasekhar6 · Accepted solution]

Thank you, Arijit Das for your valuable response.

[chandrasekhar6 · Accepted solution]

Hi Arijit,

I have used you're changed my filter panel background successfully.

If any possible way to change Dimension text color in filter panel.

Thanks,

Chandrasekhar .K

[arijit_das · Accepted solution]

Please post it as a separate question with a screenshot if possible.