Navigation
Archive / Larger font CSS not working after update
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 24, 2016 at 1:22 pm #897620
    Chris Stovall
    Participant

    I have some icons in place in the top navigation bar. They are too small by default.

    Before the update this code was working.

    .larger-font {
	font-size: 175% !important;
	position:relative;
	top:-6px;
}

    Home

    Please tell me how to correct this.

    April 25, 2016 at 2:27 am #898206
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! The code is not working because a certain css overrides it because of the css selector hierarchy. I would recommend using this code instead:

    .x-navbar .desktop .x-nav .larger-font a {
	font-size: 175% !important;
	position:relative;
	top:-6px;
}

    Hope this helps.

    April 25, 2016 at 12:37 pm #898969
    Chris Stovall
    Participant

    That got it. Thanks a ton!

    April 25, 2016 at 11:12 pm #899666
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-897620 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>