Support » Fixing WordPress » Sidebar transparency in Google Chrome

  • jim.crandall


    I’ve created a transparent background for my 2011 child theme using a 50 percent opaque tiled image. It works fine in Safari, Firefox, and even IE, but in Chrome the sidebar renders as 50 percent opaque as well. I can’t figure out how to fix the sidebar in Chrome. Any help would be greatly appreciated. Here’s the link:

Viewing 2 replies - 1 through 2 (of 2 total)
  • It looks the same to me in IE, Firefox, and Chrome. The background for the whole content area (with an ID of “primary”), which also includes the sidebar, is a transparent image:

    #primary {
    background-image: url(;

    At narrower viewport widths, when the sidebar flows under the main content area, there is no background for the sidebar in all browsers, so you may want to add a background property for the #secondary div in the media query section of your CSS.



    Thanks for that, CrouchingBruin. I found out that the problem I’m having with Google Chrome is on Mac OS X Lion. It looks fine on a PC running Chrome. Not sure what the glitch is. Thanks for the note about the sidebar; I’ll fix that. Appreciate the prompt reply…

    If you or anyone else has a fix for the Mac OS X Chrome glitch, please let me know.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sidebar transparency in Google Chrome’ is closed to new replies.