Quantcast
Channel: SharePoint 2013 - Development and Programming forum
Viewing all articles
Browse latest Browse all 7589

Modify css of Left navigation - ms-core-listMenu-verticalBox

$
0
0

Hi,

I have a left navigation in which the first letter of text is getting capitalized.

Below is the css which I got from IE Developer tools:

<div id="zz15_V4QuickLaunchMenu" class=" noindex ms-core-listMenu-verticalBox"><ul id="zz16_RootAspMenu" class="root ms-core-listMenu-root static"><li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" tabIndex="0" href="/test/Pages/page1.aspx"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">About The New Data</span></span></a></li><li class="static selected"><a class="static selected menu-item ms-core-listMenu-item ms-displayInline ms-core-listMenu-selected ms-navedit-linkNode" tabIndex="0" href="/test/Pages/page2.aspx"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">A Brief History Of My Time</span><span class="ms-hidden">Currently selected</span></span></a></li></ul></div>

The class "menu-item-text" has text-transform to "Capitalise", which i want to change to None.

But how to select the parent and change the css?

I mean, The class "menu-item-text" under parent class "ms-core-listMenu-verticalBox" , "root ms-core-listMenu-root static", "li static",  "li static selected"..

Only for this group, i want to change the class "menu-item-text". How to do the css selection in this case?

Thanks


Viewing all articles
Browse latest Browse all 7589

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>