Styling & Customization

Customize the appearance and dimensions of your MEMsched widget using URL parameters.

Widget URL Parameters

You can customize how your widget appears by adding query parameters to the widget URL:

Dark Mode

You can enable a dark theme for your widget by adding the dark query parameter to the widget URL. This is useful when embedding the widget on pages with a dark background.

Simply append ?dark (if it's the first parameter) or &dark (if other parameters exist) to the URL. Note that ?dark=1 is also valid.

Example:

<img src="https://memsched.com/api/widgets/[YOUR_WIDGET_ID]?f=svg&dark" alt="MEMsched Widget">

Height

Adjust the height of the widget image using the height attribute on the <img> tag.

  • Using HTML attribute: <img src="..." height="100"> (Sets height to 100px, default is 80px).

Note: Using the HTML attribute is the recommended way to set the widget height.

Troubleshooting

Common Styling Issues

  • Widget not displaying expected size: Ensure you've set the height attribute correctly on the <img> tag. Check for conflicting CSS rules on your page.
  • Styling conflicts with page CSS: If the widget size set by the height attribute isn't working, try using inline CSS: style="height: 80px;" on the <img> tag. This often overrides conflicting styles.
← HTML & Markdown