Jump to content
WarriorII

Insert Icons before Section Name on Drop-Down Menu

Recommended Posts

WarriorII

Hi, Is it possible to include icons before section name in a drop-down menu with numerous options? I want to include the options with their correspondent icon under a drop-down menu for each Category. The drop-down menu should look like the columns in this example of the section WORKOUT. Any ideas?

Share this post


Link to post
Share on other sites
Rob

Hi. Interesting proposition. Here's one solution. 1. In Dashboard > Appearance > Menus at the top of the screen there's a button - Screen Options. Click it. Check the box for "CSS Classes" and click Screen Options again. 2. Plan your menu, making a list of corresponding image URLS for each link, using Notepad or another text editor 3. Create a Custom Link, typing in the URL for the actual link, then, in the label, you type the following, adjusted to the URL of each icon (previously uploaded): pathtoicon.jpg The Menu Link Label NOTE: There should be a unique class for the label and another class for the image, so change "menu-icons-1" to your own. The menu icons may all be the same as the CSS will be the same for them. The menu class for each link will also be the same, it just must be unique from the icon. 4. Create your custom CSS for the menu and for the image. The example you gave provided for a fairly wide space between the icon and text, while the links have their own colors. NOTE: This method yields a linked icon, while your example is static, so you'll have one better than theirs. Custom CSS is added to Dashboard > PageLines > Site Options > Custom Code in the CSS Rules area OR, it may be added to the PageLines Customize plugin in the style.css file. If you have and use a Base Child theem, it may be added to that style.css. Let us know how it goes.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×