WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Plugin: Contact Form 7] Change font size in form?? (8 posts)

  1. mrmcq
    Member
    Posted 3 years ago #

    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) :/

    Ideas?

  2. webjunk
    Member
    Posted 3 years ago #

    You need to edit the Styles.css location in the Contact forms plugins directory.

  3. mrmcq
    Member
    Posted 3 years ago #

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

  4. mrmcq
    Member
    Posted 3 years ago #

    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 :)

  5. manOmedia
    Member
    Posted 3 years ago #

    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 30x5] </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

  6. zab
    Member
    Posted 2 years ago #

    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.

    zab

  7. manOmedia
    Member
    Posted 2 years ago #

    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

  8. sanisquare
    Member
    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic