Wrong appearance and placement of the forms

Btw: the other colors come through the theme and that’s not the problem either. Only the arrangement of the text fields and the distances does not seem to be correct.

Within your wp-admin, go to Appearance > Customise > Additional CSS and add the following;

input.mailpoet_text {
    margin-bottom: 10px;
    margin-top: 10px;
}

Thank you very much for your help. I am only surprised that the form for newsletter management looks different in the Mail Poet Guide. The input fields are below the designations.

For example:
First name
…

lastName
…

status
subcribed
Your list
…
and with me it looks like this:

First name…
LastName…
Status subcribed
Your list …

It looks like the arrangement of the fields would be wrong. Or is the description of MailPoet not correct?

I’ve subscribed to the list to test the management page, please can you send a sample newsletter to your mailing lists.

Shure, I can sent you a sample newsletter, but this is not the problem. The problem is the site for the newsletter management for the user.

Thank you,

Same as before, access the Additional CSS page. Remove the code I previously gave you and replace it with the following.

label.mailpoet_segment_label,label.mailpoet_text_label,label.mailpoet_select_label {
    display: -webkit-box;
}
p.mailpoet_paragraph {
    margin-bottom: 10px !important;
}
input.mailpoet_text,select.mailpoet_select {
    height: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
}

I’ve applied this via my console and the form on your management page looks a lot neater.

Feel free to let me know if you need further customisation.

I changed the settings and now it looks like it should!

All I have to do now is to change the colors for the darker appearance, that means darker background and light gray font color.

Okay, can you give a list of items you want coloured and what colours you want them?

Preferably with hex codes. If you’re unsure of the hex codes, you can visit https://htmlcolorcodes.com or provide an example of it being used on your site.

Example;
Input fields : background = #?????? border colour = #?????? font colour = #??????
Labels : background = #?????? border colour = #?????? font colour = #??????
Submit button : background = #?????? border colour = #?????? font colour = #??????

Input fields : background = #262626 border colour = #555555 font colour = #c6c6c6
Labels : font colour = #c6c6c6 but this should be o.k without changes?
the yellow border on hover is o.k.

Submit button : background = #999999 border colour = #555555? font colour = #000000
hover
Submit button : background = #e09d00 font colour = #000000

like my contact page

Sweet, again, replace the previous css code with the following;

input.mailpoet_text {
    height: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #262626;
    border-color: #555555 !important;
    color: #c6c6c6;
}
select.mailpoet_select {
    background-color: #262626;
    color: #c6c6c6;
	border-color: #555555;
    height: 39px;
	margin-top: 10px;
    margin-bottom: 10px;
}
input.mailpoet_submit {
    background-color: #999999;
    border-color: #555555;
    color: #000000;
}
input.mailpoet_submit:hover {
    background-color: #e09d00;
    color: #000000;
}
label.mailpoet_segment_label,label.mailpoet_text_label,label.mailpoet_select_label {
    display: -webkit-box;
}
p.mailpoet_paragraph {
    margin-bottom: 10px !important;
}

Thanks a lot. I dare hardly say, but something is not right yet. The selected input fields no longer get a yellow border. That went before. And the color of the submit button has not changed.

ok I delete one !important from your code. Now the borders work correct.
And I add !important to input parameters and now all seems to be o.k.

I could not have done that alone.

Thanks again for your great help!!!!

• This reply was modified 6 years, 10 months ago by detoris.
• This reply was modified 6 years, 10 months ago by detoris.