Skip to main content

Designing Button Layout and Styles

Learn how to customize menu buttons in MediaZilla presentations with layout, thumbnail, and style options.

Updated over a week ago

In the Design tab of the Presentation Editor, you’ll find settings to control how all menu buttons look and behave. These options apply to every button in the current menu.


Customizing the Layout

You can change the direction and positioning of the buttons in your menu.

  • Direction – Set buttons to align horizontally or vertically.

  • Position – Use the position slider to move the row/column of buttons.

    • Available only on Growth plans and above. Free and Starter plans have the position fixed at 18%.

You can also drag the buttons directly in the editor to reposition them.


Customizing the Thumbnails

Thumbnails can help make your buttons more visual.

  • Enable/Disable thumbnails – Toggle thumbnails on or off.

  • Title placement – Choose whether the button title appears inside or outside the thumbnail.

    • Titles inside is available only on Growth plans and above. Free and Starter plans always show titles outside thumbnails.

  • Thumbnail shape – Select rectangle, square, or circle.

    • Shape options are available only on Growth plans and above. Free and Starter plans are limited to rectangles.


Customizing the Button Style

You can adjust the font, colors, and overall style of your buttons.

  • Font style – Choose from 36 curated fonts, set size (small, medium, large, huge), and toggle bold/italic (if supported).

  • Font color – Customize text color.

    • Available only on Growth plans and above. Free and Starter plans are fixed to white text.

  • Background color – Set a custom button background color with adjustable opacity.

    • Available only on Growth plans and above. Free and Starter plans are fixed to semi-transparent black.

  • Highlight color – Choose the highlight color that appears when a button is hovered over.

  • Background bar – Toggle on/off the bar behind buttons.

    • Available only on Growth plans and above. Free and Starter plans always have the background bar on.

  • Rounded corners – Adjust corner rounding for buttons.

    • Available only on Growth plans and above. Free and Starter plans always have square corners.


💡 Tip: These design settings affect all buttons within the current menu. If you want different button styles across multiple menus, configure them separately for each menu.

Did this answer your question?