Custom CSS Style not reflected on submitted form.

Resolved kruddock
(@kruddock)

5 years ago
Hello,

I created custom CSS to style one of the form inputs. The styling renders correctly in the display, but not when the form is submitted/emailed. I’m trying to put a single label called NAME and field showing the user’s NAME on the same line on the form.

My CSS looks like this.
```
#wpforms-5739-field_1-container label {
	display: inline-block;
}

#wpforms-5739-field_1 { 
	margin-left: 10px; 
	display: inline-block;
}
```
What else can I do to have to show that way in the emailed form?

Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)

Jade
(@jadeam)

5 years ago

Hello @kruddock,

It looks like the code you have added seems correct. But when you get the chance, can you please share the link to the page where we can see the form in question?

That way, we’ll be able to check if there’s anything in the code that can be changed in order for it to work.

Thank you.

Thread Starter kruddock
(@kruddock)

5 years ago

Hello,

I don’t think a link would have helped as you would not have access to viewing the form that is emailed.

I’ve created a work-around for the manager that requested the change. I am now placing the person’s name in the email notification subject which has sufficed.

If you want to view the problem, to what I was referring to, please create your own form and place label and field on the same line. Submit the form to your own email address and you will see that the label and field are not on the same line when viewing the form in your email.

Thanks,
kruddock

Jade
(@jadeam)

5 years ago

Hi @kruddock,

Thanks for reiterating that and I apologize as I overlooked the detail that you mentioned that you’re inquiring about the display of the email notifications.

If you have set the message field in the notification settings to {all_fields}, the email notification will use a default template where the label is always on top of the answer.

We do not have a built-in way to style the form notifications. But, if you’re willing to do a bit of customization, please follow the guide here.

I hope this helps!

Jade
(@jadeam)

5 years ago

Hi @kruddock,

We haven’t heard back from you in about a week, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Custom CSS Style not reflected on submitted form.’ is closed to new replies.