[NSFW] Resizing comment form fields after hiding URL

  • Resolved jannaa32

    (@jannaa32)


    11 months, 1 week ago

    I am using the following CSS to hide the website URL field in the comment form:

    .comment-form-url {
    display: none !important;
    }

    This removes the website field, but I would like the Name and Email fields to expand to 50% width each so they take up the full available space instead of leaving a gap.

    Could you please advise on how to achieve this while keeping them side by side?

    Thank you for your help!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • rodicaelena

    (@rodicaelena)

    11 months ago

    Hi,

    You can try something like this:

    .comment-form-url {
    display: none !important;
    }
    .comment-form>.comment-form-author, .comment-form>.comment-form-email, .comment-form>.comment-form-url{
      grid-column: span 2 !important;
    }
    .comment-form>* {
      grid-column: 1/span 4 !important;
    }

    Hope it helps.

    Kind regards!

Viewing 1 replies (of 1 total)

The topic ‘[NSFW] Resizing comment form fields after hiding URL’ is closed to new replies.