Return to previous page

Change contact form style and make it like in the demo

This topic has 4 replies, 2 voices, and was last updated 2 years ago ago by Tony Rodriguez

Estudio EntreDos

Participant

December 7, 2022 at 20:40

Hi, I have looked in the documentation but I can’t find anything related to the contact form styles, in the beauty cosmetics demo the fields appear in one line only, I don’t know if you can help me. To add an acceptance box would also be interesting to know how to do it. Thanks

https://prnt.sc/3Jz1SnMnOJ-6

#340840 Copied Theme version: 8.3.8 WooCommerce version: 7.1

3 Answers
Tony Rodriguez

Support staff

December 8, 2022 at 05:23
Hello, @Estudio EntreDos,

In order to solve your issue simply go to the Dashboard >> XStore >> Theme Settings >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.
```
@media only screen and (min-width: 1200px){
.etheme-contact-form-7 .wpcf7-form p {
    margin-bottom: 0;
    width: 33% !important;
    float: left;   
    padding-inline-end: 20px;
}}
```
Then save settings and check back to your site after clearing the browser cache.

The result will appear like this: https://ibb.co/tL8GLY8

Regards 8Themes Team.
#340870 Copied
Estudio EntreDos

Participant

December 8, 2022 at 08:29

Hi Tony, muchas gracias!!

Works fine.

Best regards!

#340886 Copied

Tony Rodriguez

Support staff

December 8, 2022 at 08:32

Hello, @Estudio EntreDos,

You’re Most Welcome!! ?

We are thrilled to know that you like our services.
Thanks for contacting us.
Have a nice day.

Topic Closed.
Regards 8Themes Team.

#340887 Copied
Tagged: change, contact, demo, form, style, themes, woocommerce
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Change contact form style and make it like in the demo’' has been successfully resolved, and the topic is now closed for further responses

Change contact form style and make it like in the demo

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection