Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 14, 2017 at 1:19 am #746685
    mcraig77

    Is there a way to have my menu font be capital case but have the first letter of each word be larger?

    February 14, 2017 at 10:47 pm #747157
    Nikko

    Hey mcraig77,

    Try adding this css code in QUick CSS (located in Enfold > General Styling):

    #top #header .av-main-nav > li > a .avia-menu-text {
    text-transform: uppercase;
}

#top #header .av-main-nav > li > a::first-letter {
    font-size: 24px;
}

    Just adjust the font size value :)

    Best regards,
    Nikko

    February 14, 2017 at 11:42 pm #747193
    mcraig77

    Thanks, that works but it seems to move the first letter up about one pixel so the items are not on the same baseline. I might not use this feature afterall.

    Thanks!

    February 14, 2017 at 11:54 pm #747208
    Nikko

    Hi,

    Glad we could help. It might need to adjust the line height property :) but that css code is only working for several browsers since it’s a fairly new feature :)

    Best regards,
    Nikko

    February 14, 2017 at 11:59 pm #747213
    mcraig77

    How would I adjust that baseline if I wanted to go down this route?

    February 15, 2017 at 5:10 am #747257
    Nikko

    Hi,

    Try adding this css property

    
    float: left;
    line-height: 48px;

    inside of

    #top #header .av-main-nav > li > a::first-letter {

}

    If it’s not right adjust the line-height property a bit.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.