Hi fullderp.
Can you post a link to the menu on your site? That will help me pinpoint the problem and provide a solution.
Hello NateWr,
I am using a menu shortcode pasted in to an existing document. the section id is .fdm-sectionid-5
Here is the page thatI am woring on:
http://www.canonburykitchen.com/main-menu-test/
Many thanks.
Hi fullerdp,
In your statement before, the .fdm-menu needs to be first, like this:
.fdm-menu .fdm-sectionid-5 .fdm-item .fdm-item-title {
margin-bottom: 0;
}
That will only take care of the margin below titles, though. You’ll probably also want the following:
.fdm-menu .fdm-sectionid-5 .fdm-item {
margin-bottom: 0;
}
And if that’s still too much space, there’s also the margin below the content wrapper:
.fdm-menu .fdm-sectionid-5 .fdm-item-panel {
margin-bottom: 0;
}
All of that code will only effect the Starters section. I’m guessing that’s what you want to do but just a heads-up.
Hello NateWr,
All 3 of the above have worked brilliantly! Many thanks for your help.
I shall be apply this to other section ID’s.
The Food and Drink Menu plugin is great by the way – highly recommended.
Once again, thank you for your time.
If you want to apply this styling to all of your forms, not just certain sections, remove the .fdm-sectionid-5 selector and it should apply to all menus.
You may need to add a body tag in front to override the default styles:
body .fdm-menu .fdm-item .fdm-item-title { ... }
body .fdm-menu .fdm-item { ... }
body .fdm-menu .fdm-item .fdm-item-panel { ... }
