Changing the background color of a specific page in TD Editor Theme

• 

  rasulijaz · Member · Aug 25, 2015 at 6:24 pm

  • Copy link
  • Add topic to favorites

  HI, I created a contact form on my “referrals page” located here : http://piedmontbs.com/forms-documents-2/ and I am having a hard time seeing the color of the text boxes in the form.

  Is there a way to only change the background color on this ” Referrals” page so that my contact form will show up better?

  Is there a CSS code for this?

  Thank you for all of your help.

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

• 

  thesacredpath · Member · Aug 25, 2015 at 8:59 pm

  • Copy link

  Hi there, we have a couple options in doing this. the first would be to darken the input fields slightly so that they show up better.

  input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea {
      background: #eee;
  }

  This would preserve the page-to-page consistency in color on your site.

  The second option would be to add a color behind the content/sidebar with the following.

  .page-id-256 .page .container {
      background: transparent;
  }
  .page-id-256 .page .container .hentry-inner {
      background: #cc0000;
      padding-right: 40px;
  }

  Excuse my obnoxious red demo color. You can edit as desired. See what you think and let me know.