I’m using the Shopify Forms app and I’m having issues making certain styling changes with CSS. For example, the container has a border and box shadow. I’d like to remove the box shadow and match the border colour to my theme. The code I’m using works for a time, however the class itself changes eve…

Hi @pearlerwork May I suggest code below /** Shopify Forms Popup ? ? ? **/ section[data-testid="form-container"]{ box-shadow: none !important; border: 0.1rem solid rgba(var(--color-foreground),1) !important; border-radius: 0px !important; }

Yes this works great, thank you @EBOOST

Hi @pearlerwork This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea: Online Store ->Theme ->Edit code Assets ->custom-styles.css section[data-testid="form-container"]{ box-shadow: none !important; border: 0.1rem solid rgba(var(--color-foreground),1) !importa…

Hey Victor! Sorry to chime in buthoping you could help with something similar, I am trying to apply css (font customisation specifically) to a Shopify Form heading, is this even possible? :slightly_smiling_face:

I am in the same boat. Haven’t found a solution

Same here, nothing worked for us and none of the css is getting applied on the form.

the form is add in the shadow root so only way to add css is injecting style in the parent element like this change the queryselector based on your code // Access the shadow root const shadowRoot = document.querySelector('form-embed#app-embed').shadowRoot; // Create a new

Hi there! Thank for you adding, can I confirm what the selector might be for the shopify form that sits at the bottom of this page: https://coast-opals.myshopify.com/pages/contact (P/W: CoastOpals) Oh and what file do I add the above code to, is my css stylesheet ok?

How can I permanently style forms in Shopify with CSS?

Store Design

Leonpojen December 19, 2023, 2:10pm 6

Hi, did you find the solution?

Topic		Replies	Views
Using the Forms App: Impossible to style forms to match rest of the site Shopify Apps shopify-apps	21	1267	May 23, 2025
Shopify Forms - Custom CSS Shopify Apps shopify-apps	5	427	September 13, 2024
Help with CSS Styling for Shopify Forms Teaser Store Design design , css	5	357	August 13, 2025
How to change the discount code color on Shopify forms Store Design design , customizations , css	4	105	September 2, 2025
How do I apply custom fonts to form headers using CSS? Store Design design , customizations , css	4	81	April 14, 2025

How can I permanently style forms in Shopify with CSS?

Related topics