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
 
90 posts · Jul 2009
ATA 3.6.4 and WP 3.1
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
 
21,704 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
 
90 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 10:33 AM.


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