How to fix page style of order form with 2.0 (Dawn)?

Hi!

I’ve moved my wholesale order form from the Minimal theme to Dawn and it doesn’t look good. It doesn’t have any of the theme styling. The links are blue, there is no padding on the left, the quantity selector boxes should little arrows and the add to cart button is pretty sad looking.

The wholesale order form is in a restricted area so I have put another form here as an example.

I’d really appreciate any help here.

(With Minimal, I added the order form code to the the Sections area. With Dawn, I added it directly to the Templates section. I could not get it to work by pointing a json in Templates to a Liquid file in Sections.)

Thank you!

Hello @Smeelah ,

We would like to inform you that, both “Minimal” and “Dawn” themes have different coding standards and styling, hence, you cannot include the styling file of this page from the “Minimal” theme to the “Dawn” theme.

You need to ask your Developer to fix this or hire one who can fix this for you.

Let us know if you need any further assistance.

All the best,

Team CedCommerce

Thanks for your reply, @Cedcommerce

I have not included any styling from Minimal. There doesn’t seem to be any styling affecting the form. That seems to be the issue.

It is the code from this tutorial and not theme-based.

Hello @Smeelah ,

It seems the styling of the form is missing, so you need to write a custom CSS for this form or you can hire a Shopify expert to customize this form according to the Dawn theme.

Let us know if you need any further assistance.

All the best,

CedCommerce

1 Like

Thank you, @Cedcommerce

Would you please tell me where I would place the CSS? That I can’t figure out. I tried adding CSS for ‘.form’ on base.css but with no effect.

Hi @Smeelah

The best way to add custom CSS is to add a new CSS file named “custom.css” in the asset folder and write all the CSS code in it. Then add this new file to theme.liquid using the below code.

Hope it’ll help

Cheers!
Cedcommerce

1 Like

Yes, that helps very much. Thank you @Cedcommerce

1 Like

We’re glad to hear that, Keep growing!! @Smeelah