Support » Plugins » [Plugin: Contact Form 7] Change font size in form??

  • Resolved mrmcq


    Why isn’t it ever addressed how to change the font size within the contact form? In no other forum posts can I find an actual answer or response that works how to alter the font size within the form itself.

    I’ve tried using <font size=#">, <sup>, to no avail. <small> apparently works, but its way too small.

    I only want a specific section a specific size, but I have to go into my theme stylesheet and create a new div class specifically for this one instance? How frustrating.

    I’ve mentioned this in another post, but I’ll say it again…why can’t there be an editing toolbar added to this plugin to make adjustments to the form style right there?? It would make things sooo much easier to adjust on the fly instead of having to toil around figuring out which html elements work, and which ones don’t (which is total mystery to me) :/


Viewing 7 replies - 1 through 7 (of 7 total)
  • You need to edit the Styles.css location in the Contact forms plugins directory.

    My point is that altering these styles should be made available in the interface rather than having to keep editing the stylesheet.

    Figured it out…

    In order to trump the set stylesheet, you can use <font> but you need to use it thus:

    <font style="font-size:8px">

    Hope that helps anyone as grumbled as I was 🙂

    Hi mrmcq…

    If I understand correctly, you are adjusting the size of the font inside the text box and doing so from within the Contact 7 form editor, yes?
    For us idiots, how exactly did you put that line in.

    For example, this is one of the fields from a mail form:
    <p>Your Message
    [textarea your-message 30×5] </p>

    It is a fairly small text box, hence my desire for a smaller font but no matter how I try, the text box font size does not change.

    Thanks, DP

    Hey manOmedia,
    Hope this reply is not too late. Here is where I put the code provided by by mrmcq’s:

    The following code is for a text box called DATE.

    <p><font style=”font-size:16px”>Date
    [text* Date 17/ id:date watermark: “DD-MM-YYYY”]</p>

    Worked like a charm. Yay for forums. Most of the time.
    Good luck.


    Actually, it was quite some time ago and for a while I couldn’t remember why I wanted it but I now believe it is because on one of my sites I am using a mail form in a widget in a side-bar which by necessity makes the form quite small.

    Anyway, I will squirrel away that info for future use as I suspect it will come up again 🙂

    Thanks Zab

    doesn’t work for me.
    i’ve tried <font style="font-size:8px"> but nothing happen.

    im using CF7 2.4.6 and CF7 widget

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: Contact Form 7] Change font size in form??’ is closed to new replies.