Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi BlueYatri,

    Some good hints can be found at here regarding styling the box alignment and border colors.

    How would you like to align your text boxes? Something different than left aligned?

    To address your second question, I believe you would be able to change the text box borders to black by editing your child theme’s CSS file depending on what theme you are using.

    For example, when I use the Twenty Twelve theme, I know I can edit the style.css file within that theme and locate the setting below marked in bold. Below I changed the color value from gray to black…or… from #ccc to #000 as illustrated below.

    /* Form fields, general styles first */
    button,
    input,
    select,
    textarea {
    border: 1px solid #000;
    border-radius: 3px;
    font-family: inherit;
    padding: 6px;
    padding: 0.428571429rem;
    }

    Hopefully this makes sense. Let me know how it goes.

    Thread Starter BlueYatri

    (@blueyatri)

    sorry for the delayed response. I got really distracted on other stuff.
    So… thank you for the great links. they helped a lot!
    Specifically <https://kb.cf7skins.com/styling-contact-form-7-forms/#defaultcf7css&gt; and sub-topic <Using CSS to change the appearance of the default CF7 form> which is exactly what I want.

    My page “changed” to the look in the example, except the line breaks aren’t working. So the prompt before each input box are on the same line.
    How Can I force the “
    to work? so that the prompt is above the input box.

    my site is not published, but if you contact me privately I’ve no problem sharing page and access. thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Box alignment and Border colors’ is closed to new replies.