How to increase the font-size of Home link in quick launch?

Question

I am using below code to change the font-size of the Home Link that appears in the Quick Launch but its not working. Can someone please help me with the correct code.

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script type="text/javascript">

$(".ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item:contains('Home')").css('font-size', '2.77em');

</script>

thanks in advance.

Answer 1

You should try adding your code to document ready event. Something like this:

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item:contains('Home')").css('font-size', '2.77em');
}); 
</script>