Shopify's Forms App (Inline) Background Colour

Shopify Apps
1

Hi

Can anyone point me in the direction of the relevant theme code to edit the Shopify Forms App background colour when the form is displayed inline?

Any help, much appreciated.

C

2

I worked out the solution. For anyone interested:

  1. Go to theme editor;

  2. Select the Apps section (not the ‘Forms’ block);

  3. Add the following to the custom CSS:

.content-wrapper {
background-color: #[your colour hex code];
}

3

Hello, I have the same request (change the background of Forms Inline Element), but your solution doesn’t work for me.

Here a screenshot:

Bildschirmfoto 2024-11-04 um 14.17.47.png
Bildschirmfoto 2024-11-04 um 14.17.47.png5120×2442 1.2 MB

If I inspect the section, the code is there. But in my theme editor if I hover over “.content-wrapper” it says that it isn’t used in this section. I am not very skilled in dev stuff, maybe it is an easy fix? What should I replace this “.content-wrapper” with?

Website: https://klaeidesignstudio.com

Also / Edit: The font styling doesn’t fit 100% with my shop styling. All of the text has different sizing and the headline shouldn’t be bold. Maybe someone can help with that as well?

Thanks!

4

Hello,

i had the same issue and I ve got this solution from another discussion.

go in your theme editor, click the section and add custom css:

{ background: #638C1C !important; }