Howdy!

First, love the theme. I've recommended it to a bunch of friends, I can't believe I didn't find it sooner!

I've almost got my site set up the way I want it - I'm looking to add opacity to the entire background image (the rotating header image), instead of just the side columns. Is this possible? How would I go about doing this?

Thanks, and keep up the great work!

Try HTML/CSS Inserts -> CSS Inserts

div.header-image-container {
filter: alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
}

You rock, that worked. Thanks for the quick reply.

I assume this uses the background color of the image div itself?

It seems to be using white by default, and setting another (background) color doesn't seem to work as the background is being covered by the image, which is a background image. Looks like a div would have to be laid over the image as it is already being done with the left and right opacity areas.

One way to accomplish this would be to turn off one of these left / right opacity areas in the theme options, and make the other one stretch the whole div.header-image-container width. Since the theme options expect a pixel value for the width of these opacity areas this would work for fixed width layouts. For fluid width layouts the width of that opacity area would have to be hard coded in header.php

<?php if ( $bfa_ata['header_opacity_left'] != 0 AND $bfa_ata['header_opacity_left'] != '' ) { ?>
.opacityleft {
background-color: #<?php echo $bfa_ata['header_opacity_left_color']; ?>;
height: <?php echo $bfa_ata['headerimage_height']; ?>px;
width: <?php echo $bfa_ata['header_opacity_left_width']; ?>px; --> 100%;
filter: alpha(opacity=<?php echo $bfa_ata['header_opacity_left']; ?>);
-moz-opacity:.<?php echo $bfa_ata['header_opacity_left']; ?>;
opacity:.<?php echo $bfa_ata['header_opacity_left']; ?>;
}
<?php } ?>