Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2897471
Style for contact form
Closed

Comments

  • gregory73 started the conversation

    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

  •  2,613
    PenciDesign replied

    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 replied

    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

  •  2,613
    PenciDesign replied

    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.