Title: Drop Down Menu Styling
Last modified: August 30, 2016

---

# Drop Down Menu Styling

 *  Resolved [louislzm](https://wordpress.org/support/users/louislzm/)
 * (@louislzm)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-styling/)
 * Hi Joel,
 * Thanks for creating this theme! I am helping a friend to set up his website and
   we are loving the theme you’ve created. There is one styling issue we’ve encounter
   and wondering if you can help us figure out.
 * We have use the SoloFolio Dropdown Menu Widget, but the parent menu title is 
   constantly on bold and in capital letters. We wanted the dropdown menu to have
   the same css styling as the main menu and join in with the main menu, similar
   to the example on your sample website – [http://solofol.io/menus-widgets/](http://solofol.io/menus-widgets/)
   Can you please let us know how you achieve have some dropdown menu and some non-
   dropdown menu in one column and equally spaced? Thanks!
 * Louis

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

 *  Theme Author [jhawksley](https://wordpress.org/support/users/jhawksley/)
 * (@jhawksley)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-styling/#post-6485883)
 * Louis,
 * Glad you like the theme. The tutorial web site uses a different template, actually.
   To get that effect in SoloFolio, you’d need to add CSS rules to `.solofolio-custom-
   menu h3`. It’s not currently an option in the customizer.
 * Joel
 *  Thread Starter [louislzm](https://wordpress.org/support/users/louislzm/)
 * (@louislzm)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-styling/#post-6485910)
 * Thanks for the reply Joel,
 * Can you please guide me on how to change the CSS rules? Where will you type the
   changes and how would you change, for example: unbold, normal font variant for
   the .solofolio-custom-menu h3. Apologies with all the questions, I am still learning.
 * Thanks
    Louis
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-styling/#post-6485912)
 * Just like any other site, to debug CSS you would use your browser’s developer
   tools to. Chrome has a nice one built in. Right click on the thing you want to
   debug and select ‘Inspect element’. Then you can see the HTML in the left hand
   side of the tool and the CSS for the selected HTML node in the right hand side
   of the tool.
 * Useful to know [https://developer.chrome.com/devtools/docs/elements-styles](https://developer.chrome.com/devtools/docs/elements-styles)

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

The topic ‘Drop Down Menu Styling’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/solofolio/7.0.108/screenshot.png)
 * SoloFolio
 * [Support Threads](https://wordpress.org/support/theme/solofolio/)
 * [Active Topics](https://wordpress.org/support/theme/solofolio/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/solofolio/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/solofolio/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-styling/#post-6485912)
 * Status: resolved