Support » Fixing WordPress » Editing opacity in CSS

  • 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)
  • 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.

    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

    Please describe in more detail what you’re referring to

    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.