Transparent Text Boxes on Child theme CSS

Exactly what do you mean when you say “text boxes?” In web design, a text box is an input field where a user can enter text, but I don’t see any on the home page. If you are referring to the main content area, which currently has a white background, you can change the transparency by adding this rule to the end of your child theme’s style.css file:

.post-inner-content {
  background-color: rgba(255, 255, 255, 0.85);
}

The first three numbers are for the red, green, and blue color balance. 255 for each gives you a white color. The last value (0.85) is the transparency. You can set that value to any number between 0 (fully transparent) to 1.0 (fully opaque). So 0.85 means it’s 85% opaque (15% transparent). You can play around with the transparency, but you don’t want to make it too transparent or your visitors won’t be able to see the text very easily.

You can also play around with making the background gray and the text white:

.post-inner-content {
  background-color: rgba(25, 25, 25, 0.8);
  color: #fff;
}

As long as you keep the three color values the same, you’ll get shades between black (0 for all three) and white (255 for all three).

Oops, I overlooked that. Add this rule:

.entry-title {
  color: #fff;
}