Changing the color & opacity of the comment entry box

  • Unknown's avatar
    zeissler · Member ·

    Hi!

    I have a number of senior readers with declining vision and the biggest complaint they tell me is that of the comment entry box, which defaults to a transparent dark gray with lighter gray text.

    Is there anyway I can change the comment entry box from the default colors to a totally opaque white box with either black or dark gray text?

    Thank you for any assistance you can provide.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    fabianapsimoes · Member ·

    Hi @zeissler,

    Can you give this a try and see how it looks?

    .highlander-dark #respond #comment-form-comment textarea {
    color: black;
    text-shadow: none;
}

.highlander-dark #respond .comment-form-field.comment-textarea {
    background: white;
}

.highlander-dark #respond #comment-form-comment {
    background: none !important;
}

    As you’ll notice, the first CSS rule also removes the text shadow from the text in the comments box. I thought this might help making things more readable, but if you want to keep the shadow, you just have to remove “text-shadow: none;” from the code.

  • Unknown's avatar
    zeissler · Member ·

    That’s awesome — thank you very much! Avid is my preferred theme and I’ve been able to get around almost everything but that on my own.

    You can close the ticket. Thanks again!

  • The topic ‘Changing the color & opacity of the comment entry box’ is closed to new replies.