Title: Image Formatting Question
Last modified: August 24, 2016

---

# Image Formatting Question

 *  Resolved [IdeaStudio](https://wordpress.org/support/users/ideastudio/)
 * (@ideastudio)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/image-formatting-question/)
 * **QUESTION 1:**
    I have a featured image that I don’t want aligned to the left
   of the text. Instead, I would prefer that the image show in its regular proportions
   ABOVE the menu item’s title.
 * Can you post the custom CSS for that?
 * Here’s an example:
    [http://devwp.alonti.com/?page_id=84](http://devwp.alonti.com/?page_id=84)
 * Here’s the link to the menu I’m working on now:
    [http://devwp.alonti.com/?fdm-menu=breakfast](http://devwp.alonti.com/?fdm-menu=breakfast)
 * **QUESTION 2:**
    I would like the horizontal linerule removed from between the
   sections and the menu items. How do I do that?
 * **QUESTION 3:**
    I would like to increase the padding between each menu item.
   What’s the custom CSS for that?
 * [https://wordpress.org/plugins/food-and-drink-menu/](https://wordpress.org/plugins/food-and-drink-menu/)

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

 *  [NateWr](https://wordpress.org/support/users/natewr/)
 * (@natewr)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/image-formatting-question/#post-6105919)
 * Hi IdeaStudio,
 * Here’s some quick CSS that should get you started.
 * 1. Image takes up full menu item width above title.
 *     ```
       .fdm-menu .fdm-item-image {
         float: none;
         width: 100%;
         height: auto;
       }
       .fdm-menu .fdm-item-has-image .fdm-item-panel p {
         padding-left: 0;
       }
       ```
   
 * 2. Remove bottom border in menu section header.
 *     ```
       .fdm-menu .fdm-section-header {
         border-bottom: 0;
       }
       ```
   
 * 3. Increase padding between each menu item (adjust as needed).
 *     ```
       .fdm-menu .fdm-item {
         padding-bottom: 1em;
       }
       ```
   
 *  Thread Starter [IdeaStudio](https://wordpress.org/support/users/ideastudio/)
 * (@ideastudio)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/image-formatting-question/#post-6105930)
 * I’ve incorporated all the CSS above. It all works but now there’s a big margin
   added to the menu item with the photo. Any idea why?
 * [http://devwp.alonti.com/?fdm-menu=breakfast](http://devwp.alonti.com/?fdm-menu=breakfast)
 *  Thread Starter [IdeaStudio](https://wordpress.org/support/users/ideastudio/)
 * (@ideastudio)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/image-formatting-question/#post-6105933)
 * Nevermind… I figured out how to fix it!
    Great plugin, by the way. : )
 *  [NateWr](https://wordpress.org/support/users/natewr/)
 * (@natewr)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/image-formatting-question/#post-6105947)
 * Glad you were able to get it working. If you have a chance, I always appreciate
   reviews for the plugin [here](https://wordpress.org/support/view/plugin-reviews/food-and-drink-menu).

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

The topic ‘Image Formatting Question’ is closed to new replies.

 * ![](https://ps.w.org/food-and-drink-menu/assets/icon-128x128.png?rev=2205559)
 * [Five Star Restaurant Menu and Food Ordering](https://wordpress.org/plugins/food-and-drink-menu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/food-and-drink-menu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/food-and-drink-menu/)
 * [Active Topics](https://wordpress.org/support/plugin/food-and-drink-menu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/food-and-drink-menu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/food-and-drink-menu/reviews/)

## Tags

 * [alignment](https://wordpress.org/support/topic-tag/alignment/)
 * [format](https://wordpress.org/support/topic-tag/format/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [padding](https://wordpress.org/support/topic-tag/padding/)

 * 4 replies
 * 2 participants
 * Last reply from: [NateWr](https://wordpress.org/support/users/natewr/)
 * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/image-formatting-question/#post-6105947)
 * Status: resolved