Want semitransparent background for blog content with 2011 theme

• 

  robjellinghaus · Member · Jul 20, 2014 at 6:14 am

  • Copy link
  • Add topic to favorites

  Using 2011 theme on my new blog (linked), the current blog content background is all white. I want the blog content background to be

  background-color: rgba(0,0,0,0.7);

  In other words, mostly-opaque black. Then change the font to white and it will be great.

  Using F12 tools in IE11, I see that putting the above declaration as an inline style attribute on the “hfeed” div gets me exactly the result I want. But I can’t figure out how to use the custom CSS (I did buy Custom Themes support) to achieve the same result. I’ve tried

  #body, #div, .hfeed { background-color: rgba(0, 0, 0, 0.7); }

  But no visible effect at all. Is there any way to get what I want here?

  Thanks very much,
  a CSS n00b,
  Rob

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

• 

  sandymcfadden · Member · Jul 20, 2014 at 11:19 am

  • Copy link

  Hi robjellinghaus,

  I think if you put this in your Custom CSS it will get you most of the way there.

  You’ll likely need to go through and find other items you need to change the text color of etc, but hopefully this helps.

  .hfeed {
      background-color: rgba(0, 0, 0, 0.7) !important;
  }
  .hfeed,
  h2 a,
  h1 a  {
      color: #fff !important;
  }

• 

  robjellinghaus · Member · Jul 21, 2014 at 4:52 am

  • Copy link

  Thanks, worked like a charm! Results are far better. Greatly appreciated.