Product List: How to change price color in mobile view

Sehr geehrte Damen und Herren,

während der Preis überall schwarz ist, ist er in der vertikalen Mobile Version blau. Wie kann ich das auch auf schwarz adaptieren?

Hi Johannes,

Thanks for reaching out to Jotform Support. Unfortunately, our German Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in German, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

Now, let me help you with your question. Please inject the CSS code below to change the color of the price in mobile view:

@media only screen and (max-device-width: 1028px) {

 .form-line[data-payment="true"] div[data-wrapper-react="true"] .form-product-item.new_ui .form-product-details {

color:black !important;

}

Here's how to inject the CSS code into your form:

1. From your Form Builder, click the paint roller icon on the upper right.
2. Under the Styles tab, scroll down to the Inject Customer CSS section and paste the CSS code.

Checkout the screencast below to see my result:

That's it. Let us know if you have any other questions.