[resolved] Comment form - email field not positioned correctly (5 posts)

  1. susannelson
    Posted 3 years ago #

    URL: http://www.facebook.com/l.php?u=http%3A%2F%2Fgoo.gl%2FHgh1X&h=MAQHD6GZB


    I was wondering if someone could take a look and see if you can figure out why the email field of the comment form is floating off into the upper left corner of the page. I've looked and looked and can't figure it out.

    Thank you!

  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Sure, for some reason it has been set absolute positioning;

    #email {
     position: absolute;
     left: 192px;
     top: 54px;
  3. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Try using a browser developer tool for this kind of exploratory CSS work.
    I used Google Chrome's built-in Developer Tool just because I find it particularly easy to expose underlying HTML and CSS as compared to Firebug.

    Now that you know the style, from being exposed/added by the Developer Tool, you can add a new style to override it.

    You ought to add new styles externally, not within the theme's files. Changes to the theme's files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

  4. susannelson
    Posted 3 years ago #

    How odd. This is a child theme running on the Genesis framework and I've searched everywhere using Firebug.

    I'm not sure how to override that positioning, though. I tried position: relative and position: none with no effect.

    Thanks so much for your help.

  5. susannelson
    Posted 3 years ago #

    I was able to fix it. Thanks again for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.