• Making lots of progress, DID create a child theme and actually went live although lots more to be done.

    Hopefully a simple question:

    I want to change the space below the logged in line and the text entry form here: https://www.in4m8n.com/?page_id=45

    Cannot find where this is at all in CSS or functions or comment.php. Can someone point me to this please?

    Thanks.

    ~Bob

Viewing 12 replies - 1 through 12 (of 12 total)
  • I did it like this in firebug:

    .moz-sidebar-adjust .commentlist, #respond {
        margin-top: 450px;
        width: 91.5%;
    }

    add to the bottom of style.css.

    Thread Starter rebop

    (@rebop)

    Thanks, but that moved the entire form to the bottom of the page. I just want to remove some space below the “logged in as ” line before the comment field.

    ~Bob

    it says “leave a reply, you must be logged in to post a comment”.

    what do you want to move?

    Thread Starter rebop

    (@rebop)

    Remove – space below that line to trim up the whole box a bit. I figure if I can be pointed to that, I can customize the entire box a bit, maybe even background color, etc.

    Thanks.

    ~Bob

    play with the padding:

    #respond {
           padding: 1.625em;
       }

    the default code for the form is:

    #respond {
        background: none repeat scroll 0 0 #DDDDDD;
        border: 1px solid #D3D3D3;
        border-radius: 3px 3px 3px 3px;
        margin: 0 auto 1.625em;
        padding: 1.625em;
        position: relative;
        width: 68.9%;
    }

    “Leave A Reply”

    #reply-title {
        color: #373737;
        font-size: 24px;
        font-weight: bold;
        line-height: 30px;
    }

    “You must be logged in to post a comment”

    #respond p {
        font-size: 12px;
    }
    
    #respond p {
        margin: 10px 0;
    }

    if you want to further customize.

    Thread Starter rebop

    (@rebop)

    Off to try it. thanks.

    Thread Starter rebop

    (@rebop)

    Funny, that allowed me to tweak everything “except” the distance between the logged in line and the comment box.

    ~Bob

    try adding a small bottom margin and or padder

    #respond p {
        margin-bottom: 10px ;
    }

    or

    #respond p {
        padding-bottom: 10px ;
    }

    this just worked for me

    #respond p {
        margin: 10px 0 0;
    }

    remove the

    padding-bottom: 10px;

    lookin good on my end

    Thread Starter rebop

    (@rebop)

    Thaks again.

    This:
    #respond p {
    margin: 10px 0 -30px;
    }
    Gets rid of the space but by moving the comment box as you will see.

    Will have to try more. but time to get out of my chair and out of the house for a bit.

    Thanks.

    ~Bob

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Remove excess space on Reply Form Header?’ is closed to new replies.