Change cColour

You can apply CSS,
Write custom class in shortcode menu and add css respectvely to that class.

Hi Amit – Thanks for the reply – that’s a little advanced for me. Has anyone got any sample code and some instructions they are willing to share?

This is a great plugin, its a pity it cant be customised easily.

Thanks again

Could you please share your URL?

Hi – the site is currently being built….URL is:

https://www.dowson.tameside.sch.uk/dowson/

Thanks.

Ok first, you need to change following elements,
# Sub-menu background color
# Sub-menu link color
# Sub-menu left arrow color (if required)

Lets add it in your style.css

# Sub-menu background color

.sf-menu ul {
background: rgba(256,256,256,1) !important; /*same for arrow*/
box-shadow: 0 0 10px #ccc !important;
}

# Sub-menu link color

.sf-menu ul a, .widget-area .widget .sf-menu ul a{
color: rgb(83, 83, 83) !important;
}

for hover effect

.sf-menu ul a:hover, .widget-area .widget .sf-menu ul a:hover{
color: black !important;
}

# Sub-menu left arrow color (if required)

.arrow-left{
/* if you dont want */
display : none;
/* else change color*/
border-right: 10px solid rgba(256, 256, 256, 1) !important; /* same as sub menu */
}

Thank you so much for the information – I will pass it onto the school technician to try out.

Hope you have solved your issue. I’m marking this thread as solved.

Sorry for the delay – yes, it has been resolved we needed to play around with the CSS but all working now…

https://www.dowson.tameside.sch.uk/dowson/

The news site still needs some work on it.

Thanks,
John

Ok, looking good..!!