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:
http://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…
http://www.dowson.tameside.sch.uk/dowson/
The news site still needs some work on it.
Thanks,
John
