{"id":24574,"date":"2025-06-20T10:13:19","date_gmt":"2025-06-20T17:13:19","guid":{"rendered":"https:\/\/wou.edu\/marcom\/?page_id=24574"},"modified":"2025-08-18T16:09:11","modified_gmt":"2025-08-18T23:09:11","slug":"custom-menu-items","status":"publish","type":"page","link":"https:\/\/wou.edu\/marcom\/wordpress-support\/custom-menu-items\/","title":{"rendered":"Custom Menu Items"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.17.6″ _module_preset=”default” use_background_color_gradient=”on” background_color_gradient_stops=”#db0a29 0%|#a3080f 100%” background_enable_pattern_style=”on” background_pattern_style=”diagonal-stripes” background_pattern_size=”custom” background_pattern_width=”2000px” background_pattern_height=”1000px” background_pattern_horizontal_offset=”0%” background_pattern_vertical_offset=”0%” custom_padding=”25px||25px||true|” locked=”off” global_colors_info=”{}”][et_pb_row _builder_version=”4.17.6″ _module_preset=”default” custom_margin=”|auto|-12px|auto||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.2″ _module_preset=”default” header_font=”Montserrat|700|||||||” background_layout=”dark” global_colors_info=”{}”]<\/p>\n

Custom menu items<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”4.16″ custom_padding=”25px|||||” locked=”off” global_colors_info=”{}”][et_pb_row admin_label=”row” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_divider color=”#9f1d24″ divider_weight=”5px” admin_label=”Red Line” module_class=”aks-red-line” _builder_version=”4.16″ width=”6.5vw” module_alignment=”left” height=”5px” custom_margin=”0px||2.5vw|0px|false|false” custom_margin_tablet=”||5vw||false|false” custom_margin_phone=”||7.5vw||false|false” custom_margin_last_edited=”on|phone” animation_style=”fold” animation_direction=”left” animation_duration=”750ms” animation_intensity_fold=”75%” custom_css_before=”min-width: 80px;” saved_tabs=”all” locked=”off” global_colors_info=”{}”][\/et_pb_divider][et_pb_text admin_label=”Text” _builder_version=”4.17.6″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”]<\/p>\n

<\/a>Styles to use in the custom menu fields<\/h2>\n

<span class=\"menu-header-gray\">BoldGrayMenuHeader<\/span><\/code><\/p>\n

<span class=\"menu-header-gray-lt\">LightGrayMenuHeader<\/span><\/code><\/p>\n

<span class=\"menu-header-red-lt\">RedMenuHeader<\/span><\/code><\/p>\n

<span class=\"menu-header-gray-lt\"><a href=\"#\">LightGrayMenuHeaderWithLink<\/span><\/a><\/span><\/code><\/p>\n

 <\/p>\n

<hr> (will get you a line that you can put ontop and below the headers)<\/code><\/p>\n

<hr style=\"margin-bottom:-20px;\"><\/code> (will give a good line for under a heading with a list of items to fall under it)<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/headerStyles-1.jpg” alt=”Admissions dropdown menu highlighting HTML span classes for Undergraduate, Transfer, Apply, and Visit links.” title_text=”headerStyles-1″ _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.17.6″ _module_preset=”default” custom_margin=”22px|auto||auto||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider color=”#9f1d24″ divider_weight=”5px” admin_label=”Red Line” module_class=”aks-red-line” _builder_version=”4.16″ width=”6.5vw” module_alignment=”left” height=”5px” custom_margin=”0px||2.5vw|0px|false|false” custom_margin_tablet=”||5vw||false|false” custom_margin_phone=”||7.5vw||false|false” custom_margin_last_edited=”on|phone” animation_style=”fold” animation_direction=”left” animation_duration=”750ms” animation_intensity_fold=”75%” custom_css_before=”min-width: 80px;” saved_tabs=”all” locked=”off” global_colors_info=”{}”][\/et_pb_divider][et_pb_text module_id=”add-custom-item” _builder_version=”4.17.6″ _module_preset=”default” custom_margin=”||12px|||” global_colors_info=”{}”]<\/p>\n

Add a Custom Content item from the UberMenu Advanced Items.<\/h2>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/menu1.jpg” alt=”WordPress UberMenu editor showing custom content selected and menu structure with sub-items.” title_text=”menu1″ _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_text _builder_version=”4.17.6″ _module_preset=”default” custom_margin=”||12px|||” global_colors_info=”{}”]<\/p>\n

Hover over the Custom Content item and click on the Uber settings button that appears.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/menu2.jpg” alt=”Custom UberMenu item with gear icon selected under the People menu in WordPress.” title_text=”menu2″ _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_text _builder_version=”4.17.6″ _module_preset=”default” custom_margin=”||12px|||” global_colors_info=”{}”]<\/p>\n

Copy and paste the different <span> style you would like from above and then change out the text to be what you would like to appear. You can add a link by putting a <a href=”YOUR LINK HERE”>YOUR LINK TEXT HERE<\/a> in-between the <span> tags.<\/p>\n

Then click the Save Menu Item button.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/menu3.jpg” alt=”UberMenu Custom Content Settings showing HTML links for Faculty, Alumni, and Outstanding Student Awards.” title_text=”menu3″ _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_text _builder_version=”4.17.6″ _module_preset=”default” custom_margin=”||12px|||” global_colors_info=”{}”]<\/p>\n

Click the Save Menu button and then go check the live site to make sure it appears how you were hoping.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/menu4.jpg” alt=”WordPress menu settings with Mega Menu selected and Save Menu button highlighted.” title_text=”menu4″ _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Custom menu items Styles to use in the custom menu…<\/p>\n","protected":false},"author":1591,"featured_media":0,"parent":23847,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"splash-page.php","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Custom Menu Items - WordPress Support","_seopress_titles_desc":"Learn how to apply and customize styles in WOU\u2019s WordPress. Step-by-step CSS tips to style your site, templates, and theme elements.","_seopress_robots_index":"","_lmt_disableupdate":"","_lmt_disable":"","_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-24574","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/users\/1591"}],"replies":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/comments?post=24574"}],"version-history":[{"count":7,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24574\/revisions"}],"predecessor-version":[{"id":25197,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24574\/revisions\/25197"}],"up":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/23847"}],"wp:attachment":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/media?parent=24574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}