WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
[resolved] How to style comments h3 (33 posts)

  1. Lisa
    Member
    Posted 2 years ago #

    How can I override the plugin style and style the #respond h3 to match my theme fonts? If I edit the plugin css I'll have to redo this every time I update

    Thanks

    http://wordpress.org/extend/plugins/jetpack/

  2. Tim Moore
    Moderator
    Plugin Author

    Posted 1 year ago #

    Currently, this isn't possible (if you mean the Jetpack Comments #respond h3). The comment form is loaded in an iFrame from the WordPress.com servers, so all of the CSS is from there. We are working on ways to make this iFrame more responsive to theme design/colors/etc.

  3. Lisa
    Member
    Posted 1 year ago #

    Hi Tim,

    Exactly. Thanks for letting me know - going crazy trying to find/style this!

  4. KarelDonk
    Member
    Posted 1 year ago #

    It would be nice if the #respond h3 heading (usually Leave a Reply) would be included outside the iframe in the main page, where the "Cancel Reply" link also appears. That way it would get the main style. The rest could remain in the iframe.

  5. abtech
    Member
    Posted 1 year ago #

    not good that you can't style this. What I was going to try to do was leave the greeting text box blank and have the h3 styled out (like I had it originally before activating the jetpack comments, but you can't even leave that blank!? I tried the old trick of putting a space in there, but no go...so I'm stuck with the ugly large default black boring font face for this :-/

  6. myownalias
    Member
    Posted 1 year ago #

    I really wanted to use this feature of Jetpack but if I can not style the H3 to match my site; I'm going to go back to my own comments.php until it becomes possible to style the form.

  7. astockwell
    Member
    Posted 1 year ago #

    The comments functionality is AMAZING, especially for a free plugin! Please let us know if/when the styling ability is sorted out, as that would make this a must-have.

  8. lukehm
    Member
    Posted 1 year ago #

    I agree with astockwell. If only it could inherit font size color and weight would be great.

  9. Roar
    Member
    Posted 1 year ago #

    Thanks for this, I have to turn it off because without the styling, it is stretching my comments out across the sidebar, which kind of sucks.

  10. Beee
    Member
    Posted 1 year ago #

    I too have this problem. I resolved it temporarily by using   as title, which is a whitespace. That way no title is shown. It leaves a bit of vertical whitespace, but rather use that than an offstyle header

  11. escouten
    Member
    Posted 1 year ago #

    Bummer. This is a deal-breaker for me too.

  12. DAsteph
    Member
    Posted 1 year ago #

    Hi,

    is it possible to change the font of the whole comments plugin from jetpack?

    My theme uses Trebuchet MS, but the whole comments section ist in Helvetica i think?

    Please let me know

    thx

  13. designsimply
    Member
    Plugin Contributor

    Posted 1 year ago #

    DAsteph, with the way it'd currently set up, that would require changing it for everyone and probably isn't something the Jetpack developers will do.

  14. m1mi.dan0s
    Member
    Posted 1 year ago #

    Everything inside the box works fine for me.

    Just being able to style the H3 would be an awesome improvement.

  15. carolineduke
    Member
    Posted 1 year ago #

    i agree... what a bummer! hopefully this can be fixed soon (that line looks so out of place!) but for now, i'll get by with beee's idea:  

  16. carolineduke
    Member
    Posted 1 year ago #

    on a kiiiiind of related note, anyone know how the wording in the comment box could be changed from 'enter your comment here'?

    thanks to all.

  17. dreamwhisper
    Member
    Posted 1 year ago #

    Styling of the h3 should definitely be an option. It really isn't good etiquette to override the styling of a custom theme.

  18. hojt
    Member
    Posted 1 year ago #

    +1 plz change

  19. Ron
    Member
    Posted 1 year ago #

    Why is this marked as resolved?

    It still isn't possible to change...

  20. esmi
    Forum Moderator
    Posted 1 year ago #

    Why is this marked as resolved?

    Because the original poster's issue was resolved. Please post your own topic instead of tacking onto a 5 month old one.

  21. leolatex
    Member
    Posted 1 year ago #

    Ok, it may interest someone, in my case I was using a black background and the "Leave a Reply" text was unreadeble, my solution was invert colors by changing the php comments of Jetpack.

    Edit the file jetpack/modules/comments/comments.php

    Find the following:
    var $default_color_scheme = 'light';

    Change to:
    var $default_color_scheme = 'dark';

    It may be useful for someone but will not help the width and height problems for someothers.

    Hope it helps.

  22. Sevenhelmets
    Member
    Posted 1 year ago #

    @leolatex I believe the "dark" and "light" options are available from the plugin settings page...no need to edit the file.

  23. Jason
    Member
    Posted 1 year ago #

    Please make Jetpack Comments #respond h3 be changeable + 1

  24. lexbi
    Member
    Posted 1 year ago #

    Do it. For the love of god.

  25. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    We've added the reply-title H3 to the comment form in Jetpack 2.2.3. You should now be able to style that heading from your theme stylesheet, or using the Custom CSS editor integrated into Jetpack.

    You can find the 2 related changesets here:
    http://plugins.trac.wordpress.org/changeset/699472
    http://plugins.trac.wordpress.org/changeset/700363

  26. Jason
    Member
    Posted 1 year ago #

    Excellent! it works, thanks for this change. have a nice weekend! :-D

  27. ourlittlecompany
    Member
    Posted 1 year ago #

    You are awesome !!! Thank you so much :)

  28. ericjforman
    Member
    Posted 1 year ago #

    For those who just want to hide the Greeting Text ("Leave your comment" etc.), AKA "reply title", just put this in your style.css:

    #reply-title { display: none; }

  29. Sherwin Techico
    Member
    Posted 1 year ago #

    I updated to 2.2.5. I've had the following in the "Greeting Text" field of Jetpack Comments:

    Please keep your comments smart, civil, and limited to the subject matter.

    It doesn't overwrite, and it just displays "Leave a reply". Anyone else that can replicate it?

    TIA

  30. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    @Sherwin Could you please start your own thread, as per the Forum Welcome?
    http://wordpress.org/support/plugin/jetpack#postform

    Thank you!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic