menu color

3 replies · opened Feb 22, 2021

PpotteryguyFeb 22, 2021

Hello, can you advise as to where I can change the color in the menu drop down and hover from the blue-green?
Thank you!

SSemicolon WebSTAFFFeb 22, 2021

Hello,

You can consider using the following CSS Codes:
[ch_pre type="css"]@media (min-width: 992px) {
.sub-menu-container .menu-item:hover > .menu-link {
background-color: #F9F9F9;
padding-left: 18px;
color: #1ABC9C;
}

.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
	background-color: rgba(0,0,0,0.1);
	color: #1ABC9C;
}

}[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

PpotteryguyFeb 23, 2021

Hello and thank you... is this is the colors.css or style.css file?

SSemicolon WebSTAFFFeb 23, 2021

Hello,

These codes are in the style.css and css/dark.css Files. But you must use these CSS Codes in the css/custom.css File to avoid issues when upgrading Canvas to newer versions in the Future.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard