[samhoi]

Hi Support,

Can you tell me how to add captcha info the contact form?
I see something in the code but not sure how to use it.

<p class=”antispam”>Leave this empty if you are a human :
<br /><input name=”url” />
</p>

Can you please help,

Thanks,

Sam

[serkan]

Hi Sam,

Main.css : line 1538
.contact-form .antispam {
/* display: none; */
}

You can remove this custom css code.

Thanks

[samhoi]

Thank you for your answer

However, this isn’t a captcha, spammer still can easily fill in the form via robot.

Do you have any other idea?

Thanks,

Sam

[serkan]

Hi Sam,
That form should leave empty if the robot fill in the form then it will a spam mail.
Also, you can check out this related topics =)
https://developers.google.com/recaptcha/docs/display
Thanks

[borisg1992]

Hi,

Can someone help me with my website issues?
http://www.borisgodin.com

Social icons at the bottom of the main page header are not showing anymore
Contact page email box does not work (emails don’t send)
How do I add a video as main page background?

[serkan]

Hi Boris,
Could you please provide me your wp admin details via our private content box below?
Thanks

[borisg1992]

@serkan – any updates on checking out what may be happening?

[serkan]

Hi,
I didn’t get your credential informations yet. That is why I am still waiting.
Please provide me the related informations.
Thanks

[borisg1992]

providing creds again.. apologies

[serkan]

Hi,
You can go to appearance > widgets > footer social icons > you can add your social icons to the footer.
Can you use ninja form or contact form plugin instead of our default contact form?
You can go to appearance > widgets > empathy template pages > empathy home > background video.
Please test the contact form with the default WordPress template.
Thanks

[borisg1992]

Social icons fixed

The ninja form creates a bug with the overlay image on my contact page – how do I resolve that? What is the CSS required to match the style of the current contact form used in the theme? Are there plans to get the theme contact form working as it matches the styling of the theme? https://borisgodin.com/#/contact

FYI some of the short codes don’t work as well in edit mode (with new wordpress)

[borisg1992]

See short code error https://ibb.co/rkvgJB8

Also can you help me understand why the facebook logo is not loading correctly all of a sudden on the contact page?
https://borisgodin.com/#/contact

[borisg1992]

Facebook logo corrected

[serkan]

Hi Boris,
Do you still have an issue with the ninja form plugin?
Thanks

[borisg1992]

Hi Serkan
Yes, matching the CSS to be the same as the theme contact card is a challenge. Can you help there?

Any insight in the broken short codes ?

[serkan]

Hi,
I will forward this topic to our developer and I will keep you updated.
Thanks

[borisg1992]

Hi Serkan,

Any updates on fixing the contact card in the theme? If not, can you please help with me making the CSS of Ninja form plugin the same? I’m sure other users are experiencing this issue as well.

Lastly, any update on why the short codes don’t show up in the editor in WordPress? e.g. add a button, etc

[serkan]

Hi, elements requiring extra javascript to work may not work on pages since the page content is fetched via ajax.
https://borisgodin.com/test-contact-ninja-form/
I just created a test ninja form for you. It is pretty smilar to default contact form.
Thanks

[borisg1992]

Hi Serkan,

That’s what I created as well – however, the scroll bar shouldn’t exist, would like the color to be the same white, and it also breaks my current contact page (the overlay doesn’t cover the full page and the social icons become stretched) – any tips?

[serkan]

Hi,
The sample page I created does not have any scroll bar. It also looks harmonious in colors. Where are you doing your checks? Can you send me a screenshot, please?
Thanks

[borisg1992]

Hi Serkan, The color of the outline is grey transparent, not whit. And, to see the scroll bar, try larger and smaller desktop sizes. It is visible fairly consistently. https://borisgodin.com/test-contact-ninja-form/

[serkan]

Hi,
You can add this custom css code;

.single-page-layout *::-webkit-scrollbar { width: 0; }

You can change the border color for the contact form via this css code but if you add this, your background color is why and your border will not visible because of the white color that is why it is grayish now.

input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]) { border-color: rgba(255, 255, 255, 0.6)}

Thanks

[borisg1992]

Hi Serkan,

Any update on fixing the contact form that comes with the theme?

Also is there a way to enable viewers to be able to copy and paste content in blog posts? I’m noticing that you can’t select text on posts, for example https://borisgodin.com/product-placement-human-psychology/

[borisg1992]

Serkan,

Just replaced the contact form with your recommendation on https://borisgodin.com/#/contact

1. When adding the CSS above, is there a way to bring the borders in front of the shadow as it was in the contact form that came with the theme, so that it is a white color?
2. Also when typing in the contact form, can you help me make that text white as well
3. And lastly, the CSS for the scroll does not seem to be working (Added to Custom CSS section)
4. When clicking submit on the contact form, the gray page overlay changes to not cover the entire page.
5. Is it possible to modify the success confirmation message, which currently reads “Thank you so much for contacting us. We will get back to you shortly.” –> I’d prefer to say something else there

[borisg1992]

Figured out the success message edit, and the collapse of the form upon successful submission

[serkan]

Hi,
You should able to copy and paste the post. See the example below;
https://themes.pixelwars.org/empathy/demo/love-is-a-strong-word/
Maybe your one of third party plugin is protecting your posts.
You can try to use these custom css code;
1) .nf-error .ninja-forms-field { border: 2px solid #ffffff; }
2) .field-wrap textarea { color: #fff; }
3) .nf-form-cont { overflow: hidden; }
4) I could not detect this issue. Maybe you can share a screenshot related to this issue.
Thanks

[borisg1992]

Hi Serkan, That worked, when I added it to the additional CSS code – thank you so much!

Few small things remain
1. the text is still grey in the name, email, and captcha area
2. the input field borders are still grey, not white
3. Can you please help me make the submit button all white, with the theme color on hover
4. And can you please help me define the contact form width to be the same as it was in the original theme (more narrow please)
https://borisgodin.com/#/contact

Reference https://themes.pixelwars.org/empathy/demo/#/contact

[borisg1992]

Is there an opensea icon I can use in the social section?

[borisg1992]

Also would you happen to know the reason I am not able to install Yoast plugin (it’s giving me an error as it is already installed, even thought right now it is not)

[serkan]

Hi,
You can add these custom css codes;

input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]), textarea, select, .selector, .uploader { color: #fff; border: 2px solid #fff; }
input[type=submit], input[type=button], button, a.button { border: 2px solid #fff; }
input[type=button]:hover { background-color: #8acb82; }

The widths look ideal on both sides.
You can contact to yoast see plugin’s author about the issue. It is not possible to upload a different icon for now. But you can do this by customizing.
https://www.pixelwars.org/forums/topic/adding-tiktok-and-opensea-to-homepage-social-meidia-widget/
Thanks

[borisg1992]

Thank you! Most of that CSS code worked

2 small final changes
1. When you select a text box to add in text, the border changes to that grey, when it should stay white. Can you help with that as well please?
2. When autofilling data, the background changes to yellow, not the theme default highlight color (visible on mobile ios)

Also regarding the plug ins and the issue with not being able to copy and paste some my posts section, I turned all of them off and still have not figured out what the issue may be – any other ideas

[borisg1992]

oh and just noticed that other pages where I have buttons now also assumed that same CSS – how can I segment the button border of white to only the contact page, and not others? See about/resume/ and each blog section

[serkan]

Hi,
You can use this custom css code

input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]):focus, textarea:focus, input:focus, select:focus, div.uploader:hover { border-color: #fff; }

I couldn’t test the background as my mobile doesn’t have autofill feature. But you can check out this related topic;
https://medium.com/@landonschropp/styling-autocompleted-inputs-in-chrome-and-safari-de83d7bd1d8a
The problem of not being able to copy and paste either comes from one of the additional plugins or your hosting company has a protection. You have to deactivate and test the plugins one by one. You can request additional assistance from your hosting company.
You can add hashtah contact before the css code. Example;

#contact input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]), textarea, select, .selector, .uploader { color: #fff; border: 2px solid #fff; }
#contact input[type=submit], #contact input[type=button], #contact button, #contact a.button { border: 2px solid #fff; }
#contact input[type=button]:hover { background-color: #8acb82; }

Thanks

[borisg1992]

Serkan,

Everything seems to work!! Thank you!!
Is there a way I can make the contact form same width on larger screens as other boxes?
https://borisgodin.com/#/contact

[borisg1992]

the capcha section; 10-5

[serkan]

Hi,
Can you add this custom css code;

#nf-field-15 { max-width: none; }

Thanks