Viewing 3 replies - 1 through 3 (of 3 total)
  • See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    If you find you need more detailed advice, after reading and working through the above links, please include a link to your Contact Form 7 form, so others here can examine your form in detail using Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements and provide you with a possible solution.

    Thread Starter caprieact

    (@caprieact)

    Many thanks, I looked through the styling form css chnages and still got problems in applying them for https://contactform7.com/selectable-recipient-with-pipes/.

    Where should I add the CSS ID in the pipes? How can I increase the text for pipes in CSS?
    I tried: id:big but it doesn’t work.

    <h5>[select adressen “[email protected]” “Test Name 2|[email protected]” “Test Name 3|[email protected]” id:big]</h5>

    #big
    {
    text-size: 15px;
    }

    But this doesn’t work, please advice, many thanks
    Daniel

    For a basic* stlying of a CF7 select text, you can do something like this

    .wpcf7-select {
        font-size: 50px;
    }??

    Use Firebug or Chrome Dev Tools to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change of text size within "select adressen "’ is closed to new replies.