Ivannus

Hi Kristin and darren823

The recommended usage of Contact Form 7 can be easily found in the documentation. It is clearly stated that using <[your-email]> is not the correct way, since it marks the email as coming from the form filler’s email address when in reality it is coming from your domain (where the form is located).

So the best way is to use an email address that belongs to the same domain as the site in the From field, and then use <[your-email]> in the “Reply-To” header field.

https://contactform7.com/best-practice-to-set-up-mail/

Hi SD Photography

Regarding the success page, this can be easily done by including the following text under the ‘Additional Settings’ tab when building the form:

on_sent_ok: “location.replace(‘https://www.your-domain.com/success/&#8217;);”

Obviously you need to substitute the url to the success page you create.

I have checked the wpml-config.xml file of the theme as per suggestion, but found no errors.

The issues given are those in the same files and lines as quadbox above.

Thanks

I’m having the same issue. Using Evolve+ theme.

And have WAY more warnings!

Please fix asap

Glad to have been of help ??

Padding can be changed to the amount you prefer.

Padding: 5px on its own will increase padding all around by 5px. You can be more specific and divide each section as follows for example:

padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;

There is a shorter way to write the above but I don’t want to complicate things for you.

I see

Try the following:

/* Place social media icons in line with each other in ContestFriend widget */
div.cf_actions_inner div.social a {
       display: inline-block !important;
}

/* Add some padding (space) between social media icons in ContestFriend widget */
div.cf_actions_inner div.social a img {
       padding: 5px;
}

The text placed in /* */ are comments – for you to know what it’s about if you look at the CSS some time for now. Helps you remember why you did it ??

In the first case I wrote !important since this line supercedes the default coding. There is no padding css around the image by default, so no need to write !important.

I would appreciate your letting me know whether this solves things. You’ve got my email address in the contest now anyway ??

Ivan

I do not see the social media links so I cannot help you at the moment.

If you check https://www.planet-w.ru/contestfriend-test/ I have set up a test to show you. The social media icons still have a white background at the moment, but since I’m not using them I didn’t bother to edit the CSS. (If you’ll need let me know).

This website is for a Russian client of mine, so not even I can understand the text. We have set up multiple contests so that people can vote for their preferred contestant in Mrs. Russia. This page is at https://www.planet-w.ru/%D0%BC%D0%B8%D1%81%D1%81%D0%B8%D1%81-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D1%80%D0%BE%D1%81%D1%81%D0%B8%D0%B8-2016/

I have customised the CSS to show only some things and not others, change colours, etc.

If you wish to create a test page with a test contest like I did and send me the link, I will be glad to help you out.

I tested mine and they came in line, though they had a white background that I removed.

Could you send me the url and I’ll take a look at it?

I use a couple of premium themes mostly. The place where I can input my own CSS is under the ‘Appearance’ tab. My themes have a specific tab here with Theme options and a sub tab with CSS.

Your theme might have a specific place where to put custom CSS code.

If not, I suggest using a Child Theme. The one I use provides space to input your own CSS code.

Let me know if you need any more help.

Regards

Hi byothe. I just installed the plugin and had the same problem with the title. Turns out that the image was taking up all the line so the title got pushed down.

Just in case you’re still using the plugin and need to fix this, all you need to do is add a line of css to fix the image display:

div.cf_title img {
   display: inline-block !important;
}

Alternatively, you can always remove the image from showing if you don’t like it. In this case edit the above as follows:

div.cf_title img {
   display: none !important;
}

This automatically removes the space used by the image, thus sending the title properly in line with the box.

The Facebook and Twitter links might also be the result of display:block css coding, but since I haven’t used them can’t tell you for sure.

Hi meissnerclan. I have just installed and am using the plugin and I noticed the same issue too, though at first it seemed to accept the choice of image.

The way I overcame it was to copy and paste the specific image link from the media directory in WordPress. Had no problem once I did that.

thanks a lot uddhab9

Hi NCroke221

I’m working with the Interface theme too and have been having the same problem. I did not understand the footer_extensions part…..

I found a way to get around it by hiding the visibility through the CSS file and then adding a text box through the Tidio Elements Visual Editor Plugin.

It’s not a very elegant solution but at least it worked. Could you please explain exactly how you managed to solve this? I had been working for hours on this and was ready to give up ??

Thanks