How to center file uploads

Our file uploads will look off center on themes that center the data in the product form. This is because our app leaves space to the right of the file upload for the file name.

You can make the file upload look visually centered by adding a border around the file upload with CSS.

Add the code snippet to your theme.liquid file right after the first <head>  tag at the top of the page (see screenshot below). If need more instruction click the link below.

Here is more information on how to edit your theme files.

<style>
#bcpo .bcpo-file input {
padding: 4px !important;
width: 90% !important;
border: 1px solid #ccc !important;
}
</style>

Was this article helpful?
Dislike