Change the border of Contact Form 7 - Support | Kriesi.at

Tagged: CONTACT FORM

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 8, 2018 at 2:27 pm #909774

lindseyellenberger
Participant

Hi,

I would like to change my contact form borders >> http://prntscr.com/ibuhqb with lines, so look simple and elegant like this one >> http://prntscr.com/ibuhqb. So, what should I do? Is there any quick CSS code?

Thanks,

February 8, 2018 at 6:34 pm #909901

Jordan Shannon
Inactive Moderator

Hey lindseyellenberger,

This should be possible via css. Please provide a link to your site/page in question so we can look into this further and provide the proper scripts.

Best regards,
Jordan Shannon

February 9, 2018 at 4:21 am #910087

lindseyellenberger
Participant

Hi,

Sorry, I mean look simple like this one http://prntscr.com/ic5y72, and this is mine https://bustanqu.com/form-donasi/

Regards

February 9, 2018 at 6:40 am #910136
Rikard
Keymaster
Hi,

Thanks for the link and screenshot. Please try the following in Quick CSS under Enfold->General Styling:
```
#top .main_color input[type='text'] {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
}
```
Best regards,
Rikard
February 9, 2018 at 11:10 am #910192

lindseyellenberger
Participant

Hi,

Thanks for the response. The codes are work but didn’t work in option select menu element >> http://prntscr.com/ic9e5c. Also, I want to apply hover line while mouse click in the field.

Regards

February 9, 2018 at 9:19 pm #910398

Jordan Shannon
Inactive Moderator

Hi,

If you are running css that is formatted incorrectly, then its very possible that the options may not work. Please double check all your custom css.

Best regards,
Jordan Shannon
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.