Sidebar transparency in Google Chrome (3 posts)

  1. jim.crandall
    Posted 2 years ago #

    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:


  2. CrouchingBruin
    Posted 2 years ago #

    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(http://idyllwilder.com/judi/wp-content/uploads/2013/09/transparentbackground.png);

    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.

  3. jim.crandall
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic