Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Opacity for inner sidebar?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Aug 5, 2009, 03:38 AM
jankph
 
92 posts · Jul 2009
ATA 3.6.4 and WP 3.1
Opacity for inner sidebar?

While the header image opacity settings work great for one sidebar or one sidebar on either side, there is no option for a two-step opacity for two sidebars on either side, e.g. one opacity for right sidebar and another one for right inner sidebar, is there?

Last edited by juggledad; Aug 5, 2009 at 04:43 AM.
  #2  
Old Aug 5, 2009, 07:07 AM
juggledad's Avatar
juggledad
 
22,069 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
This can be hacked,
in 3.4.2 you need to edit bfa_header_config.php and change line 284 from
HTML Code:
			$header_image .= '<div class="opacityleft">&nbsp;</div>';
to
HTML Code:
			$header_image .= '<div class="opacityleft">&nbsp;</div><div class="opacityleftinner">&nbsp;</div>';
then change line 288 from
HTML Code:
			$header_image .= '<div class="opacityright">&nbsp;</div>';
to
HTML Code:
			$header_image .= '<div class="opacityrightinner">&nbsp;</div><div class="opacityright">&nbsp;</div>';
next you need to add a CSS insert
HTML Code:
/*-------------------- OPACITY LEFT INNER -----------------------*/

div.opacityleftinner {
	position: absolute; 
	z-index: 2; 
	top: 0; 
	left: 200px; 
	background-color: #afffff; 
	height: 150px;
	width: 200px; 
	filter: alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	}

/*-------------------- OPACITY RIGHT inner----------------------*/	

div.opacityrightinner {
	position: absolute; 
	z-index: 2; 
	top: 0; 
	right: 200px; 
	background-color: #afffff; 
	height: 150px;
	width: 200px; 
	filter: alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	}
making sure to adjust all the numbers to match what you want - the #afffff will give you a light blue/green so you can see where it is
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Aug 5, 2009, 10:25 AM
jankph
 
92 posts · Jul 2009
ATA 3.6.4 and WP 3.1
Thanks. Not sure I will try it yet, but it's nice to know that it can be done. A donation is on its way

Bookmarks

Tags
inner opacity, opacity, outer opacity, two sidebars

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Probs w/header image and opacity ariels Header configuration & styling 6 Jul 22, 2009 01:45 PM
Sidebar Background Opacity Jcasteli Sidebars & Widgets 2 Jun 2, 2009 05:49 AM
Opacity settings for header image itself. thesnucka22 Header configuration & styling 3 Apr 6, 2009 07:55 PM
adding opacity to menu bar background colors nickcee Page & Category Menu Bars 0 Mar 23, 2009 01:46 PM
[SOLVED] Howto: Align page menu bar with left sidebar or opacity overlay width iroQuai Page & Category Menu Bars 1 Mar 7, 2009 05:01 PM


All times are GMT -6. The time now is 05:00 PM.


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