Child's drop shadow on wrapper ignored

[Kelly]

RE: Suffusion – 4.2.2 and WordPress 3.4

Hello,

Unclear why, but the child theme's customizations for the main wrapper's drop shadow are being ignored.. any ideas why?

Code: Select all

body #wrapper {
  -moz-box-shadow: 0 0 175px #666666;
  background: none repeat scroll 0 0 #111111 opacity:0.55;filter:alpha(opacity=55);
}

Thank you.

Kelly

[drake]

It's not about child theme. If you look to your site with Firefox you will see the shadow just fine.
-moz-box-shadow is a property intended for Firefox prior to version 4. Now, all the rest of browser, apart Safari, support the CSS property "box-shadow". For Safari need to use -webkit-box-shadow. So, you can add at Suffusion Options -> Backend -> Custom Includes -> Custom Styles:

Code: Select all

#wrapper {
-webkit-box-shadow: : 0 0 175px #666666;
box-shadow: 0 0 175px #666666;
background:#111111;
opacity:0.55;
filter:alpha(opacity=55);
}

(repeat, scroll, 0, 0 is referring to the properties of background-image while background:none say - "I don't use background-image;")

[Kelly]

Hey Drake, thanks - the box-shadow call straightened it out and NOW the shadow looks as intended

Similar dealy-o with dropping the moz in front of border-radius - that's fixed now too.

FWIW - Only modification made in child theme and Safari 5.1.1 is displaying page as designed.

Kindest regards,

Kelly