31
Views
6
Comments
Solved
Submenu icon color change

Hi,

Recently I updated the OS UI

I'm trying to change the icon color of submenu to white

 I tried out lot of CSS code that was solved previously in forum to the same issue but none of the CSS code worked out.

.osui-submenu-icon:before:before, .osui-submenu:hover:hover .osui-submenu-icon:before {    border-color: #fff !important }

Please help me out.

Thanks,

2025-09-21 06-51-05
Mohd Anees Mansoori
Solution

Hello,

Can you please try this one, as i have tested it in my personal application.

.osui-submenu__header__icon:before { border-color: #fff !important; }

Also shared updated oml.

Hope that helps.

Regards,

Anees

demoforOSUI.oml
2023-12-11 08-31-41
Naziya Anjum

Thankyou it worked :)

2021-10-17 12-36-16
Amreen Shaikh

Hi Naziya Anjum,

Can provide your oml?

I thing you are applying the css at wrong place.

Please check where you have applied? Is it at web block level or module one?

Regards,

Amreen


2023-12-11 08-31-41
Naziya Anjum

 submenu is used in the screen of the module, here is the OML

Thanks,

demo for OSUI.oap
2021-10-17 12-36-16
Amreen Shaikh

Please find the updated one .

Hope this will help u.

regards,

amo

demoforOSUIUpdated.oml
2025-09-21 06-51-05
Mohd Anees Mansoori
Solution

Hello,

Can you please try this one, as i have tested it in my personal application.

.osui-submenu__header__icon:before { border-color: #fff !important; }

Also shared updated oml.

Hope that helps.

Regards,

Anees

demoforOSUI.oml
2023-12-11 08-31-41
Naziya Anjum

Thankyou it worked :)

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.