Change size of ONE menu item

  • I need a final menu item to appear in a font 50% the size of the theme size. Just the one item, and it will either link back to the home page or to nothing (preferred.) It is simply an extended tagline that I want displayed in the menu. i tried <h4></h4> in the Menus text and it works – the wrong way – larger than the style.

    How can I do this without changes to the Theme (or at least a change that won;’t break next theme update?

    Thanks. See the menu at https://www.churchofzero.com

    [moderated to fix link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Your link didn’t come through. Is your site https://www.churchofzero.com?

    Thread Starter thesoundsmith

    (@thesoundsmith)

    Yes. Church of Zero And the link didn’t appear a second time. Must need a text line as well.

    Does the menu item you’d like to change already exist on the site? If not, you can create a menu item that “goes nowhere” by going to Dashboard > Appearance > Menus, selecting “Custom Link” from the accordion on the left side of the main panel, and putting a # for “URL” and leaving “Link Text” blank.

    You can then target that specific link with CSS, by using a web inspecting tool to get the appropriate class/ID.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    If you always want to target the LAST item, you can use the CSS for last of type

    https://css-tricks.com/almanac/selectors/l/last-of-type/

    Thread Starter thesoundsmith

    (@thesoundsmith)

    Thanks, guys. Stephen, I basically did that thru the regular Menu, just linked Home. But the css I tried either made it larger (h4) or displayed as text when I added it in the Dashboard Menu. I was hoping to stay out of the Firebug realm this time. Oh, well…
    Sterndata, thanks. I was unaware of last-of-type,It IS the last item, this can work.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    you can also use nth-of-type. Google that; there is some really powerful stuff you can do with those CSS constructs.

    Thread Starter thesoundsmith

    (@thesoundsmith)

    There are a lot of new CSS options, some amazing stuff. But I am a bit afraid of it until I grok how to write for a mobile site. Do you know any decent (easy, but deep-ish?) tutorials?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change size of ONE menu item’ is closed to new replies.

Tags