Title: Plugin Edits & Hacks
Last modified: September 1, 2016

---

# Plugin Edits & Hacks

 *  Resolved [russelldb](https://wordpress.org/support/users/russelldb/)
 * (@russelldb)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/)
 * Hi, I have the plugin back on and running good now. So far, all is fine except
   that I’d like to add a little padding around the icons I’m using. The plugin 
   button seems to remain tight around the icon. I didn’t find any use documentation
   so I wanted to ask if I have permission to rewrite some of plugin code or customize
   the stylesheet. I realize that this is common normal practice with such things
   but I like to check when the plugin gives me no terms on its use. Would that 
   be ok? Too, I don’t see the need for a separator line before the first menu item,
   only between them when using icons. Site is [https://www.musicalhelp.org/](https://www.musicalhelp.org/)
   if you wanna see the menu in action. Icons are white symbol with transparent 
   background so colors seen are from plugin settings.
 * Also the my buttons are hovering in the wrong color. I’ll see if I can correct
   that in the settings otherwise will try manual stylesheet edit. Thanks much!
 * [https://wordpress.org/plugins/responsive-menu/](https://wordpress.org/plugins/responsive-menu/)

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

 *  Thread Starter [russelldb](https://wordpress.org/support/users/russelldb/)
 * (@russelldb)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7711920)
 * Got the hover colors going right now. I’d still like to add a little padding 
   to the buttons though.
 *  Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/)
 * (@responsivemenu)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7711933)
 * Hi russel,
 * Sure just use custom CSS styles to overwrite anything you’re not happy with, 
   thats what I do.
 * Of course the plugin is extremely customisable but its never going to have everything
   in there or the admin would be impossible to use so some design is left up to
   the site owner to play around with themselves.
 * All the best
 *  Thread Starter [russelldb](https://wordpress.org/support/users/russelldb/)
 * (@russelldb)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7712015)
 * Very good, I appreciate that.
 * I am having trouble finding the style classes as they are labeled in the source
   code. The individual components’ style classes are not to be found in any of 
   the plugin stylesheets. How can I add padding to the buttons? If I use custom
   css, what class would I include and how would I write that custom css? Surely
   I can’t just make up classes and ids of my own since the php engine would not
   know what component it is. How would I write the custom css? (I should know this
   by now but I’ve been using the stylesheets of plugins and themes all along and
   not using the custom css option) Thanks again!
 *  Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/)
 * (@responsivemenu)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7712020)
 * Hey russell,
 * You can easily find the class names by using the browsers inbuilt Web Developer
   tools (found by hitting F12) and then inspecting the button itself.
 * The button for example is simply #responsive-menu-button but t has some inner
   elements that you may wish to use but again these can easily be found as mentioned
   above.
 * The FAQ page below explains how to use these tools a little further:
 * [https://responsive.menu/faq/how-do-i-find-the-css-of-my-menu/](https://responsive.menu/faq/how-do-i-find-the-css-of-my-menu/)
 * All the best
 *  Thread Starter [russelldb](https://wordpress.org/support/users/russelldb/)
 * (@russelldb)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7712022)
 * As mentioned I’ve been looking through the source code and I find that the id
   and class of .responsive-menu-item would be the way to go.
 * So I would write:
 * .responsive-menu-item { padding-top:2px;padding-bottom:2px; }
 * like this or should I do it for each button item number? Thanks again.
 *  Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/)
 * (@responsivemenu)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7712024)
 * Hi russel,
 * Unfortunately that is completely dependent on what you want to achieve exactly
   so I wouldnt be able to answer that question but I definetely wouldnt advise 
   doing it for every single menu item as it doesnt make sense to do so.
 * The best person to know the answer would be your web developer or yourself (if
   that is you) as it is custom CSS so is outside the scope of my plugin in particular.
 * Hope that helps
 *  Thread Starter [russelldb](https://wordpress.org/support/users/russelldb/)
 * (@russelldb)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7712029)
 * I know how to write css, just as it is above. I tried it in the css of “menu 
   to hide” option mentioned in the documentation but all that did was disappear
   the menu leaving only icons on the opposite page side and the hamburger was gone.
   I’ll try it in the custom css area and see what happens.
 * I don’t understand. You say that custom css is out of plugin’s scope? Then why
   is there a custom css tab & input box? I often learn from trial and error when
   I can’t get solutions. Sometimes it works out, others not. :o) I was only asking
   how it should be written in the custom css box. If written as normal css code
   then no problem. It would be just what I mentioned in my prior post. In which
   case I’ll have wait for my purchase on payday this week since that option is 
   disabled at present.
 * Thanks
 *  Thread Starter [russelldb](https://wordpress.org/support/users/russelldb/)
 * (@russelldb)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7712031)
 * I also tried it in the theme main stylesheet, no go. I tried it in the plugin’s
   main.css stylesheet, no go as well. I’ll find a work around eventually but if
   it doesn’t work from the plugin main.css, it makes no sense to me, something 
   else is overwriting my css during page load.
 * .responsive-menu-item {padding:2px 0px 2px 0px; }
 *  Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/)
 * (@responsivemenu)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7712033)
 * Hi there,
 * Are you aware of CSS points scoring? For example an ID is worth something like
   100pts and a class is worth 10 so if there are any more specific css selectors
   in play then they will take presedence over yours which is why you need to use
   browser developer tools or similar to find out what is currently on the site 
   and therefore what you need to do.
 * You can of course just use the !important tag to force the override as below:
 * .responsive-menu-item {
    padding:2px 0px 2px 0px !important; }
 * The CSS of menu to hide option is just for the class or element name of the menu
   you want to hide as explained in the doc page below:
 * [https://responsive.menu/docs/initial-setup/hide-current-menu/](https://responsive.menu/docs/initial-setup/hide-current-menu/)
 * All the best
 *  Thread Starter [russelldb](https://wordpress.org/support/users/russelldb/)
 * (@russelldb)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7712038)
 * My close this thread or resolved link is not there so close this if you can. 
   Sorry for the bother … take care now.
 *  Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/)
 * (@responsivemenu)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7712039)
 * Hey russell,
 * No problem – did adding the !important tag or making your css definitions more
   specific fix it or do you still need more help?
 * Im back at a laptop now so I can check the site and CSS you need more specifically
   now if needed.
 * All the best

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

The topic ‘Plugin Edits & Hacks’ is closed to new replies.

 * ![](https://ps.w.org/responsive-menu/assets/icon-256x256.png?rev=1782326)
 * [Responsive Menu - Create Mobile-Friendly Menu](https://wordpress.org/plugins/responsive-menu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/responsive-menu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/responsive-menu/)
 * [Active Topics](https://wordpress.org/support/plugin/responsive-menu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/responsive-menu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/responsive-menu/reviews/)

## Tags

 * [editing](https://wordpress.org/support/topic-tag/editing/)
 * [icons](https://wordpress.org/support/topic-tag/icons/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 11 replies
 * 2 participants
 * Last reply from: [responsivemenu](https://wordpress.org/support/users/responsivemenu/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/plugin-edits-hacks/#post-7712039)
 * Status: resolved