WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Need help with Styling - 2 simple changes (4 posts)

  1. LA11
    Member
    Posted 1 year ago #

    I just want to make boxes thinner with much less border (so it looks more modern)
    I want to: make border of the box thinner and make the box itself not so high (and wide).
    I can' believe it isn't simpler. I have spent 2 days looking all over the internet.

    In the form area I have done the [text 20/] or 20x10 or 20/10 and it makes absolutely no difference in the width or height of the boxes.

    I have also gone into the css->style.php and cant seem to make that work either.

    I have no idea how to make the border of the box thinner.

    Any help is really appreciated.

    http://wordpress.org/extend/plugins/contact-form-7/

  2. kodomo00
    Member
    Posted 1 year ago #

    It's hard to make it simpler than it is - css properties 'width' and 'height' are responsible for inputs dimensions, 'padding' also affects how wide and high your inputs are. 'border' property controls the border.

    If you think this is not much of a help to you, this means that you definitely need to go and do a few tutorials on CSS, before you attempt any styling.

    Hope this helps!

  3. LA11
    Member
    Posted 1 year ago #

    I am using the latest version -
    Do I change the css in both the admin and the includes sections?
    This is the only area in the css that shows width
    The entire css document doesn't show height at all??
    So your above info isn't applicable?

    span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    background: #fff;
    border: 1px solid #ff0000;
    font-size: 10pt;
    width: 280px;
    padding: 2px;

    Does someone have a copy of a css that already has a modern looking style?

  4. kodomo00
    Member
    Posted 1 year ago #

    It's clear that you don't understand how CSS works, my suggestion would be either to take a course on HTML/CSS or get someone else to make the changes for you.

    A copy of a css that is already modern (whatever that means)is not going to help you, trust me.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic