Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

Opacity for inner sidebar?


  #1  
Old Aug 5, 2009, 04:38 AM
jankph
 
93 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 05:43 AM.
  #2  
Old Aug 5, 2009, 08:07 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Aug 5, 2009, 11:25 AM
jankph
 
93 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



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Probs w/header image and opacity ariels Header configuration & styling 6 Jul 22, 2009 02:45 PM
Sidebar Background Opacity Jcasteli Sidebars & Widgets 2 Jun 2, 2009 06:49 AM
Opacity settings for header image itself. thesnucka22 Header configuration & styling 3 Apr 6, 2009 08:55 PM
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


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


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