Theme Conflict

[edwires]

After I’ve switched to the theme pro I’m getting this image on the contact form. The form is working fine is just the annoying image under submit.

https://gotsultryskin.com/contact-us/

[marc_a]

Hi @edwires,

The small section you’ve seen below your contact form is part of contact form 7 when I checked the element, that section is an error alert of Contact form 7, to remove that small section please add this a little bit CSS code to your Pro > Theme Options then CSS.

.wpcf7-response-output {
    display: none;
} 

I hope it will help you to solve your issue, please note that providing custom code is outside the scope of our theme support. Issues that will arise from the use of custom codes should be forwarded to a 3rd party developer. I hope you understand this matter.

Thank you.

[edwires]

@cramaton

.wpcf7-response-output {
    display: none;
}

Hey that works! thank you.

[marc_a]

@edwires,

You’re welcome.

[edwires]

Hi, quick question, how can I make the input field for the CC bigger?

[edwires]

[edwires]

the CC field input is for STRIPE

[edwires]

.wc-stripe-elements-field {
min-height: 30px;
}

does not work.

[marc_a]

@edwires,

This will do the trick.

   .payment_box  #wcpay-card-element {
        padding: 15px 7px;
    }

I hope it will help you to solve your concern.

Thank you.

[edwires]

@cramaton

.payment_box  #wcpay-card-element {
        padding: 15px 7px;
    }

yeah, it did!

thank you!

[friech]

Hi Edwin,

You’re welcome, but please note that providing custom code is outside the scope of our theme support. Issues that will arise from the use of custom codes should be forwarded to a 3rd party developer.

You can learn CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Thank you for understanding,