Title: Styling list
Last modified: November 16, 2021

---

# Styling list

 *  Resolved [peter0013](https://wordpress.org/support/users/peter0013/)
 * (@peter0013)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/styling-list/)
 * Hi
    I wonder how I can style the list in the dropdown? Now it doesn’t have the
   right font, weight and background.The container also change color after I have
   clicked it. See this image:
 * [https://drive.google.com/file/d/16Ww5bFOh9uUoVPt3tFVMIvLnrhw4IKUn/view?usp=sharing](https://drive.google.com/file/d/16Ww5bFOh9uUoVPt3tFVMIvLnrhw4IKUn/view?usp=sharing)
 * Regards Peter
    -  This topic was modified 4 years, 11 months ago by [peter0013](https://wordpress.org/support/users/peter0013/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fstyling-list%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [linux4me2](https://wordpress.org/support/users/linux4me2/)
 * (@linux4me2)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/styling-list/#post-15074189)
 * Hi Peter,
 * Did you already fix this? When I look at your page, it doesn’t look like the 
   image you linked to above.
 * When you create a dropdown menu shortcode in the plugin, it doesn’t include any
   specific CSS, just the HTML to build the menu, so the styling of the select element
   it creates will be inherited from your theme, and may not include classes specific
   to your theme that are used for other select elements the theme creates.
 * What I see on your page now is this:
 *     ```
       .mip-drop-nav {
       	margin-top: 5px;
       	color: white;
       	font-weight: 700;
       }
       ```
   
 * so I think you already added a class and fixed it.
 *  Thread Starter [peter0013](https://wordpress.org/support/users/peter0013/)
 * (@peter0013)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/styling-list/#post-15076785)
 * Hi
 * This CSS just affects the box and the text in it. Not the list or background.
   Maybe it has another class, but I can’t find it.
 * I have written:
 * .mip-drop-nav {margin-top: 5px;color:white; background: background: #6992a2; 
   font-weight: 700;}
 * But the background don’t change, nor the text in the dropdownlist.
 * Se my images:
 * [https://drive.google.com/file/d/1FVzc45_UeFN_4chTnd64oUq2ooGXycru/view?usp=sharing](https://drive.google.com/file/d/1FVzc45_UeFN_4chTnd64oUq2ooGXycru/view?usp=sharing)
   
   [https://drive.google.com/file/d/1VAk_UygP_sWxZCm3NAbQS2rSz5Sb0dBS/view?usp=sharing](https://drive.google.com/file/d/1VAk_UygP_sWxZCm3NAbQS2rSz5Sb0dBS/view?usp=sharing)
 * Regards Peter
 *  Plugin Author [linux4me2](https://wordpress.org/support/users/linux4me2/)
 * (@linux4me2)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/styling-list/#post-15078002)
 * Hi Peter,
 * I’m with you now. I believe what you see with the drop-down part of the list 
   is dependent on the browser, as what I see is different than what you show in
   your second image.
 * Take a look at [this article at W3 Schools](https://www.w3schools.com/howto/howto_custom_select.asp)
   and see if it helps. With the custom class you added to your Menu In Post shortcode,
   I think you can get the effect you want, but note that they are using Javascript
   as well to accomplish it.
 *  Thread Starter [peter0013](https://wordpress.org/support/users/peter0013/)
 * (@peter0013)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/styling-list/#post-15078180)
 * Thanks, but it doesn’t work. I have tried them all. I can’t find the class of
   the list in the dropdown on my page. Just for the button/heading, that I have
   fixed. Strange.
 * Peter
 *  Plugin Author [linux4me2](https://wordpress.org/support/users/linux4me2/)
 * (@linux4me2)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/styling-list/#post-15078203)
 * Did you add the Javascript? The Javascript is what does the magic with the dropdown,
   I believe:
 *     ```
       a.setAttribute("class", "select-selected");
       ```
   
 *  Plugin Author [linux4me2](https://wordpress.org/support/users/linux4me2/)
 * (@linux4me2)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/styling-list/#post-15188874)
 * Hi [@peter0013](https://wordpress.org/support/users/peter0013/),
 * It has been a month since I’ve heard from you. Did you get this to work?
 *  Plugin Author [linux4me2](https://wordpress.org/support/users/linux4me2/)
 * (@linux4me2)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/styling-list/#post-15281772)
 * Hi [@peter0013](https://wordpress.org/support/users/peter0013/),
 * I haven’t heard from you in quite a while, so I’m going to mark this as resolved.

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

 The topic ‘Styling list’ is closed to new replies.

 * ![](https://ps.w.org/menu-in-post/assets/icon-256x256.jpg?rev=2010745)
 * [Menu In Post](https://wordpress.org/plugins/menu-in-post/)
 * [Support Threads](https://wordpress.org/support/plugin/menu-in-post/)
 * [Active Topics](https://wordpress.org/support/plugin/menu-in-post/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/menu-in-post/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/menu-in-post/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [linux4me2](https://wordpress.org/support/users/linux4me2/)
 * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/styling-list/#post-15281772)
 * Status: resolved