To change the color of the accordion arrow in Demo39, inspect the arrow element using your browser's developer tools. Look for a class like .kt-menu__arrow and override its color property in your custom Block Blast

Our blog offers in-depth reviews,comparisons,and expert tips to help you make informed decisions. Discover this comprehensive guide to finding the best essay writing service. Whether you're a student in need of academic support or a writer seeking reputable platforms,we've got you covered.

Thank you - I had found that and tried it but it did not work.

I had GPT analyze the page (don't laugh at me) and it suggested this, which worked:

/* Change the color of the down arrows - first tier */
.menu-item .menu-link .menu-arrow:after {
background-color: var(--bs-gray-700)!important;
}

/* Change the color of the down arrows - second tier */
.app-sidebar-menu-primary.menu>.menu-item .menu-item .menu-link .menu-arrow:after {
background-color: var(--bs-gray-700)!important;
}


I have this in a style.css that is imported after all of the standard CSS files.

I suspect the recommendation conflicted with or was overridden by the other classes already defined at the top of the sidebar menu:

<div data-kt-menu="true" data-kt-menu-expand="false" class="app-sidebar-menu-primary menu menu-column menu-rounded menu-sub-indention menu-state-bullet-primary px-3 mb-5 ">

Or perhaps by one of these:

<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
...

I'd prefer your method to stay closer to the core methodology... do you see any of the above causing conflicts? They are lifted from the demo site.

Thank you

Hi,

To change the menu elements' colors in HTML please refer to this guide.

If you like to customize it in SASS you can use src/sass/layout/_sidebar.scss and refer to $arrow-color: var(--#{$prefix}primary), for hover, active, show and default states.

Then recompile your assets folder with Gulp or Webpack.

Please note that the build tools are required only in the development environment just to compile the assets when the source folder files are modified. In the hosting/server deployment, you will only need the compile assets, no need to install the build tools dependencies there.


Regards.