Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #14175

    Hello, there was a closed thread about changing the main content background area in “choices” to change opacity. The solution provided was to create a semi-transparent graphic and use it as a background. Worked for the original client. I’ve tried this and can’t get it to work as the original background color comes through. I want the background transparent so text, graphics (at 100% opacity) etc. are against the site background image. This includes a transparent header too. I checked out the reference site provided but still can’t figure it out. What am I missing here?

    Site is here:

    Transparent/semi-transparent graphic here:

    PS. Great work on the theme and support! I was hacking away on propulsion until choices was released. Almost everything I wanted to change with propulsion!



    I’m not sure if this is what you mean but you can use rgba to add some opacity to a background color. So your header would be:

    .header_color {
    background: rgba(0, 0, 0, 0.4) url( center center no-repeat scroll;

    The partially transparent image however will always show through to the background color of the div its above or a part of. So for your main content area you have the purple background with the image repeating as well. The purple background is underneath the image and since the image is partially see through, you see through it to the purple background.




    Awesome! Very helpful. I took the code and modified it a bit to remove the purple background. I just wanted a transparent background anyway. Now I just need to get rid of the background color for the title bar and main slideshow. I tried to mess around with some code but can’t seem to make it happen. Below is the code I added beyond what you recommended. Suggestions?

    .container_wrap.main_color {

    background: rgba(0, 0, 0, 0.0);


    .container_wrap slideshow_color dark_bg_color title_container {

    background: rgba(0, 0, 0, 0.0);





    You can use this to remove the slider background.

    #top #slideshow_big {
    background: none;

    Best regards,



    Wonderful. Thank you! Case closed.



    Always glad to help. :)



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘set transparency to whole site or content area? PART 2’ is closed to new replies.