Style for contact form

Public Ticket #18346

Conversation thread

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

All the field with the black text on this form is not a placeholder text, this is a predefine value, so can't change this color.

Regards,
PenciDesign.

gregory73 replied

4 years ago

Customer Reply

Thank you very much for your help.

Can you send me a code that correct the font style also for placeholder? In case of other fields the colour is grey. But dropdown and date are black. (grey would be the optimal for these also...)

Thanks in advance.

Gergely

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

form select {
    padding: 12px 20px;
    max-width: 100%;
    border: 1px solid #DEDEDE;
    margin-bottom: 28px;
    font-size: 14px;
    width: 100%;
    font-weight: normal;
    font-family: var(--pcbody-font);
    max-height: 50px;
    background: none;
}

Regards,
PenciDesign.

gregory73 started the conversation

4 years ago

Conversation Start

Hi,

I recently bought Soledad theme. My site is still in stage environment.

I have a contact form, that sends data to our CRM system. I didn"t find any documentation how to style the contact form fields to have a good look...

In your documentation I found some tips how to style CF7 forms. But especially i have problem with the dropdown field and date field... I didnt find any tips how to customize. For other form fields also would be nice to find some specification.
Can you help me?

Bests,

Gergely

Want to join this conversation or access attachments? Sign in first.