Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Opacity settings for header image itself. (http://forum.bytesforall.com/showthread.php?t=1128)

thesnucka22 Apr 6, 2009 06:23 PM

Opacity settings for header image itself.
 
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!

Flynn Apr 6, 2009 07:04 PM

Try HTML/CSS Inserts -> CSS Inserts

HTML Code:

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


thesnucka22 Apr 6, 2009 07:12 PM

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

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

Flynn Apr 6, 2009 07:55 PM

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 } ?>


All times are GMT -6. The time now is 01:49 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.