Baskerville 2: Comments form styling

• 

  nilla2014 · Member · Jan 24, 2019 at 5:13 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve used the following CSS to style the default Comments form displaying at the bottom of a post:

  #respond.comment-respond.js, .comment-reply-title {
  background: #222222;
  border-top: none;
  color: #eeeeee;
  font-size: 1.063em;
  padding-top: .625em;
  }

  #respond #comment-form-comment {
  background: #222222;
  color: #eeeeee;
  }

  .akismet_comment_form_privacy_notice {
  background: #222222;
  color: #eeeeee;
  font-size: .813em;
  }

  Although the above displays as intended, when you click inside the form field to type a comment, this displays a pale grey with pale grey font, so illegible. You need to click outside the field for the comment to then display (before clicking Post Comment).

  Can anyone help with the CSS specific to when the form is typed into?

  Side note:
  Setting the background colour in WP Customiser does not change the background colour throughout the site. And, I’m finding I have to continually add snippets of CSS to style the background in different areas of the site.

  Many thanks

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

• 

  nilla2014 · Member · Jan 24, 2019 at 6:42 pm

  • Copy link

  Got this to work using:

  .comment-form-field.comment-textarea #comment-form-comment.active {
  background: #222222 !important;
  }

  This now displays correctly for desktop and tablet, but not for mobile devices.

  Any ideas?

  Thanks :)

• 

  nilla2014 · Member · Jan 26, 2019 at 5:06 pm

  • Copy link

  I’ve fixed the mobile device display.