Success message setting (newsletter form)

kullus

Hi,

Added Name field to newletter form, but success message is not looking ok, how can set this message location? I think best would be below the fields and white white font.

This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.

uudiskirjaga liitumine.jpg

40.32 KB

Phil

Hi,

Can you send me the structure of this form, please?

Please, send it as a text. You can format it to be in a code block.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Hi,

It is form called "Uudiskiri". With what tool I can get this "Code block" option?

Phil

In the WP panel open the Contact tab, and there you will find it.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Hi,

I know where contact forms are, but i don´t understand how to get these options: Quete

This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.

contact form Screenshot_1.png

51.35 KB

,Code Block, Spoiler to be visible, do you have video tutorial for it?

Phil

You will get this block when you click Edit for the contact form.

A video tutorial about the contact form can be found here:

https://support.muffingroup.com/video-tutorials/how-to-build-forms-with-contact-form-7-betheme/

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Still don´t get it, then I click edit, then see:

This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.

4.jpg

141.19 KB

Pablo

Please paste that HTML code into "Code Block", you can access that here:

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Hi,

Oh my god :) I don´t see this option, made credentials, can you check?

The newsletter form is called "Uudiskiri"

Pablo

Please use this CSS code, it will help you:

.wpcf7-response-output{ width:100%; color:white; display: block; }

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Hi,

Still

the same, image added. Form on homepage: https://www.home7zones.eu/ pw: 12345

Pablo

Try this one:

.wpcf7 form.sent .wpcf7-response-output{  width:100% !important;   display: inline-block !important; color:white !important }

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Great, just 1 thing, how to change the sucess message font color?

Pablo

Sorry, I forgot to add the color of that.

I've already updated the code above, it will switch to white then.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Excellent, thx!