• Hello. I’d like to use Jetpack for comments as Livefyre is now kaput. However, putting the comment_form() function doesn’t quite do the job as there’s a giant “Leave a Reply” rubbish. Also, there’s massive vertical space above and below the tiny comment box. And because all this happens in an iframe, it’s hard to style — the button for “post comment” does not follow the theme at all.

    The developer website of Jetpack is also silent on these issues.

    Could I please get some guidance on:

    1. How to remove the H3 with “Leave a Reply” etc? (I know I can hide it with CSS, but would rather not do all that. Having it in the body text )

    2. How can I style the “post comment” button to follow the look of input[type=submit] of my theme, or even attach a class of .button to it?

    3. How to remove the enormous spacing above and below the textbox. Even with the comment expanded, which shows the Notify subscribe checkboxes, it’s too much spacing. I tried the following, but this hasn’t helped either:

    
    <style>
    #respond, #respond  iframe, #respond  form { margin: 0; padding: 0 }
    </style>
    
    
Viewing 1 replies (of 1 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    Unfortunately, none of this will be possible yet. As you pointed out, Jetpack’s Comment form lives in an iFrame, served from WordPress.com directly. It’s currently not possible to change the style of the elements inside the iFrame.

    Only the title lives outside of the iFrame, and there is currently no option to disable it. We will, however, consider adding a filter to disable it in the next Jetpack release. You can follow our progress on this here:
    https://github.com/Automattic/jetpack/pull/6347

Viewing 1 replies (of 1 total)
  • The topic ‘“Leave a reply” text, and so much vertical spacing…how to remove?’ is closed to new replies.