customizing secondary menu

Pentaconsulting · May 2017

Hi there,

I'm realizing a website for a school (www.schiaparelligramsci.gov.it), they need a secondary menu on the left sidebar. I already made it and inserted it on the sidebar, but I would like to customize font/colors/background, etc for the menu... is there a way to do it?

I know how to customize the main menu, but not the secondary one.

Thank you,

Giovanna

Bryan · May 2017

Hi,
You would need custom css for that. Please tell me what would you like the left menu to look like, a screen would be enought.
thnks

Pentaconsulting · May 2017

Hi,

I'd like the menu to be like in the attached image (the top part is how I'd like it and the rest is how it's right now). Besides the CSS I'll need to know exactly where to place it, I'm no html expert....

Thanks,

Gio

Bryan · May 2017

Hi,

This is all we can do, please paste this code in theme options>customcss&js>css

#menu-sinistra > li:first-of-type > a {
	color:white !important;
	background:#1D295E !important;
	text-align:center !important;
}
#menu-sinistra > li:first-of-type a {
	color:#1D295E;
	background: transparent;
	border:none;
	
}

thanks

Pentaconsulting · May 2017

Hi, this is perfect, but I wanted this CSS to work for the whole column (I left the other part just to show you how it was on default), can you tell me how to modify it so it'll work on the whole left column?

Thank you again!

Gio

Bryan · May 2017

#menu-sinistra > li > a {
	color:white !important;
	background:#1D295E !important;
	text-align:center !important;
}
#menu-sinistra li .sub-menu li a {
	color:#1D295E;
	background: transparent;
	border:none;
	
}
#menu-sinistra li .sub-menu li a:hover {
	color:#1D295E !important;
	
}

Pentaconsulting · May 2017

Perfect!!

Thank you! :-)

customizing secondary menu

Comments