Transparent text box on the "Singl" Theme

• 

  jonbrugueras · Member · Nov 23, 2014 at 2:33 am

  • Copy link
  • Add topic to favorites

  Anyone know what code to write so i can remove the text box color on my site. just want the letters. don’t know anything about this lol but thanks for the help!

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

• 

  thesacredpath · Member · Nov 23, 2014 at 6:11 am

  • Copy link

  Hi there, the following CSS will remove the white box behind the content, but it may be difficult to find a text color that will work with the varied color of your background image and the logo in the middle of it. Give this a try and see what you think.

  input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, .page-header, .page-content, .hentry, a .page-link, .site-main [class*="navigation"] a, #comments, .comment-list .comment-respond, #primary .comment-list #respond, #infinite-handle span {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  }

  You might want to try the following too, which makes that box slightly transparent so that your background image can show through. The first three numbers (255, 255, 255) is the RGB values for white, and the last number, (0.5) is the opacity. The closer to zero, the more transparent.

  input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, .page-header, .page-content, .hentry, a .page-link, .site-main [class*="navigation"] a, #comments, .comment-list .comment-respond, #primary .comment-list #respond, #infinite-handle span {
      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
  }

  You can play with the opacity value to see how things change and find the value that you like. 0.5 seems pretty good and all the text is still legible.

• 

  jonbrugueras · Member · Nov 24, 2014 at 4:04 pm

  • Copy link

  Awesome. it worked for my home page but only that page. for some reason nothing else updated :/. but thats exactly what i wanted. Also any idea how to get rid of the Leave reply box? i disabled commenting in the discussion part of settings but didn’t work. Thanks for the help!

• 

  jonbrugueras · Member · Nov 24, 2014 at 4:17 pm

  • Copy link

  sorry ignore my last comment all pages have loaded and everything is transparent. just an issuer of the “leave reply” box

• 

  thesacredpath · Member · Nov 24, 2014 at 6:19 pm

  • Copy link

  You are welcome. If you wish to get rid of the comments section on any page or post, you can open that post or page in the editor, go to the screen options tab at upper right and make sure the Discussion module is activated, and then scroll down and deselect comments and trackbacks and update the post or page.