16.3.3 Enlarging Image Upload Icon Preview

Use CSS to enlarge the Image Upload icon preview if needed.

If none of the Preview Size options meets your needs, set the file drop icon size using the --a-filedrop-icon-size CSS variable. You can specify it on the item using the item name in the rule like this:

#P6_IMAGE {
  --a-filedrop-icon-size: 25rem;
}

Alternatively, specify it on the root of the page using the :root pseudo-class selector like this. CSS defines this pseudo-class to match the page's root element.

:root {
  --a-filedrop-icon-size: 25rem;
}

This rule makes the preview icon size the width of 25 characters in the size of page's base font.

Tip:

CSS rem units are tied to the page's base font size. If the user zooms in or out in their browser, units specified in rem scale automatically with the new font size.