Upper Case to Mixed Case Headers

  • Unknown's avatar
    confessionsofabookgeek · Member ·

    Hey everyone, hoping someone can help me. My client doesn’t like the main menu/headers on the website being all upper case/capitals, and would like them to be mixed case e.g. Home instead of HOME. Is there some custom css I can use to make this happen?

    Thanks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    michaelvandenberg · Member ·

    Howdie!

    This should make the menu and page/post titles mixed case: 

    .main-navigation a,
.entry-title {
	text-transform: none;
}

    If you want the menu and ALL headers to be mixed case, use this instead: 

    .main-navigation a,
h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: none;
}

    Or if you only want the menu to be mixed case: 

    .main-navigation a {
	text-transform: none;
}

    Let me know if you require any further assistance!

    Best regards,

    Michael

  • Unknown's avatar
    confessionsofabookgeek · Member ·

    You are a wee star, it worked a treat!

    Thank you!

  • The topic ‘Upper Case to Mixed Case Headers’ is closed to new replies.