Image Formatting Question

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

  • 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

    (@ideastudio)

    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?

    https://devwp.alonti.com/?fdm-menu=breakfast

    Thread Starter IdeaStudio

    (@ideastudio)

    Nevermind… I figured out how to fix it!
    Great plugin, by the way. : )

    Glad you were able to get it working. If you have a chance, I always appreciate reviews for the plugin here.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image Formatting Question’ is closed to new replies.