Jetpack Comment Button Styling Using Twentig

  • Resolved Michael

    (@sellmnl)


    6 years, 2 months ago

    Hi there,

    I would like the comment button to have the same styling as all other buttons do on my website. I am using the Twenty Twenty Theme and set the button style using the Twentig Plugin.

    The Twentig Plugin Team says:
    It is not possible to style it from the Customizer as Jetpack uses an iframe to display the comments.

    Can this be changed in a future update and is there a workaround for the meantime?

    Thanks!

    • This topic was modified 6 years, 2 months ago by Michael.
    • This topic was modified 6 years, 2 months ago by Michael.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support darnelldibbles

    (@darnelldibbles)

    6 years, 2 months ago

    Hi there,

    I want to make sure I understand what you are wanting. So you want the comment button here:

    to have the same styling as the blue buttons on the site?

    Thread Starter Michael

    (@sellmnl)

    6 years, 2 months ago

    Hi @darnelldibbles
    Thank you for your reply and for clarifying. Yes, that’s right!

    Plugin Support darnelldibbles

    (@darnelldibbles)

    6 years, 1 month ago

    Hi there,

    You can use the following CSS selector and add the styling declarations you desire.

    #respond .form-submit input, #respond .form-submit input#comment-submit, #respond .comment-form-fields input[type="submit"], #respond p.form-submit input[type="submit"], #respond input[type="submit"], #commentform #submit {

color: #FFF !important;
Background: #0875e2;

}

    When I added that to your site, it came out like this:

    Hope that helps! Let me know if you have any questions.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Jetpack Comment Button Styling Using Twentig’ is closed to new replies.