Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Opacity settings for header image itself.

Old Apr 6, 2009, 07:23 PM
2 posts · Apr 2009

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!
Old Apr 6, 2009, 08:04 PM
Flynn's Avatar
3,768 posts · Oct 2008
Munich, Germany
Try HTML/CSS Inserts -> CSS Inserts

HTML Code:
div.header-image-container {
filter: alpha(opacity=40);
Old Apr 6, 2009, 08:12 PM
2 posts · Apr 2009
You rock, that worked. Thanks for the quick reply.

I assume this uses the background color of the image div itself?
Old Apr 6, 2009, 08:55 PM
Flynn's Avatar
3,768 posts · Oct 2008
Munich, Germany
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 } ?>



Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Sidebar Background Opacity Jcasteli Sidebars & Widgets 2 Jun 2, 2009 06:49 AM
adding opacity to menu bar background colors nickcee Page & Category Menu Bars 0 Mar 23, 2009 02:46 PM
[SOLVED] Howto: Align page menu bar with left sidebar or opacity overlay width iroQuai Page & Category Menu Bars 1 Mar 7, 2009 06:01 PM
nextGen gallery with image rotator as header image shatchp Header configuration & styling 1 Feb 13, 2009 08:40 PM
Header image and widget image mamngirl Header configuration & styling 1 Feb 4, 2009 01:36 PM

All times are GMT -6. The time now is 03:41 AM.

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