Change the "Comment" Button

[KommandozeileParticipant]

Hello,

how can i change the design of the comment button?
I want another color an text, so i can it adapt to my design.

[Themonic-SupportKeymaster]

Hello,

To change background and text color of Post Comment button, use the following in Customizer -> Additional CSS

.comment-form input#submit {
    background: #333333;
    color: #ffffff;
    padding: 10px;
}

Change the hex colors as per your choice https://www.color-hex.com/

[KommandozeileParticipant]

Thank you very much. This is perfect for me.

I’ve got another idea.
Is there a possibility to change the position of the comment field?
I would like to have the comment field above the comments.

Have a nice day, and thanks for your help.

[Themonic-SupportKeymaster]

Yes, paste the following in Customizer -> Additional CSS

.comments-area {
    display: flex;
    flex-direction: column-reverse;
}

[KommandozeileParticipant]

Thats exactly what i wanted – thanks.

[Author]

Posts