Comment field colour

  • Resolved hyoscine

    (@hyoscine)


    3 years, 5 months ago

    Hi,

    Following the thread I found here, I’ve enabled comments on my site. I would like to replace the background colour of the text boxes with something darker though. Could someone help me with the additional CSS I would need to make this work?

    Many thanks,
    Jay

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Twentig

    (@twentig)

    Hi Jay,

    To change the background-color of the comments text boxes, open the Customizer > Additional CSS panel and paste the following code:

    .comment-respond input:not([type="submit"]),
.comment-respond textarea { 
    background-color: #eee;
}
 
.comment-respond input:not([type="submit"]):focus,
.comment-respond textarea:focus {
    background-color: #eee;
}

    Then in the code, replace the color value with your own.

    Hope that helps,
    Tom

    Thread Starter hyoscine

    (@hyoscine)

    Fantastic, thank you!

    Plugin Author Twentig

    (@twentig)

    Great!

    If you enjoy Twentig, please rate it. It would really help me out ??
    Tom

    Thread Starter hyoscine

    (@hyoscine)

    Review left, thanks again.

    Sorry to be a pain, but I’ve noticed that whilst the text area now changes to my desired colour when it has focus, it remains white when the focus is elsewhere. Do you know if this something that can be remedied?

    Thread Starter hyoscine

    (@hyoscine)

    Not to worry, I was able to solve this by adding !important to the CSS.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Comment field colour’ is closed to new replies.