Form success message - Bad styling

When I submit a form, the success message after submitting the form has a margin, I cannot figure out where to remove its margin. Please check the following image.
form-success-message-not-well-aligned

// Generated CSS
.ed-element.preset-contact-form-v3-plain .wv-message {
    text-align: center;
    padding: 0.5rem;
    flex-basis: 100%;
    width: 100%;
    color: #fff;
    margin: 1rem; // to remove somewhere in the form preset or any other place
}

Hi! Do you have a website where we can take a closer look at the problem.

1 Like

Could you please share the website preview link?

Hi @Lucian_Dinu and @Martin, thank you for your reply.

Here is the website preview link.

I assume that it would be the case with error message. I couldn’t test it.

Hi @AJ_Joe,

you can find it in the code Config tab line 7152

.wv-message {
		text-align: center;
		padding: 0.5rem;
		flex-basis: 100%;
		width: 100%;
		color: #fff;
	
		@include media-constructor(margin, $margin);
	
		&.wv-success { background: $color-success; }
		&.wv-failure { background: $color-error; }
	}
1 Like

Hi @Martin, thank you, it solves the issue. I guess the margin should be removed from the “Wireframe One” template.