Editing opacity in CSS

  • Jackie Chan

    (@jackie-chan)


    12 years, 3 months ago

    Hi i’m trying to edit the opacity of my sites wrapper in the style.css i have tried this 

    #container, #container_wrap {
		float:left;
		margin:0;
		width:100% !important;
		padding:0px !important;
opacity:0.5;
	}

    However this does nothing, any ideas?
    (I also tried this with #wrapper)

    My sites http://217.199.187.71/theplazasuite.com/

    Kind Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • vtxyzzy

    (@vtxyzzy)

    12 years, 3 months ago

    Many of your backgrounds are set with images. There is no CSS property to set the transparency of a background image. You will need to create transparent .png images for your backgrounds.

    Thread Starter Jackie Chan

    (@jackie-chan)

    12 years, 3 months ago

    Hi when i use a background image it overlays the wrapper, so when set to transparent you still see the wrapper. Any ideas?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 3 months ago

    Please describe in more detail what you’re referring to

    Thread Starter Jackie Chan

    (@jackie-chan)

    12 years, 3 months ago

    I’m using Weaver Pro II. On each page i would like the wrapper to be transparent.
    I tried using a transparent image as the background of the page however this does not work as the image overlays the wrapper so when the image is set to transparent you see the original wrapper colour?

    Hope this is clear, thanks.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Editing opacity in CSS’ is closed to new replies.

Tags