Knowledgebase

Joomlabamboo template and extension documentation

Lifestyle Changelog

v2.2.6

  • Fix for slideshow titles not show ing in IE.
  • Manual Update
  • Upload templateDetails.xml
  • Upload includes/templateVariables.php
  • Upload css/theme.css file (See below)

 

Fix for theme.css file.

 

#banner .zenimage {

position: absolute;

z-index: 1 ;

}

 

v2.2.5

  • Fix for select menu not showing

 

Manual Update

  • Upload templateDetails.xml
  • Upload layout/nav.php

 

v2.2.4

  • Fix for zentools slideshow pagination buttons disappearing
  • Fix for missing option from contact form override
  • Fix for slideshow images not filling 100% of Banner div on sub pages
  • Small alignment issue on pagination text

 

Manual Update

  • Upload templateDetails.xml
  • Upload css/theme.css (changes below)
  • Upload html/com_contact/contact/default_form.php

 

Fix for Zentools slideshow

  • Add the following to the bottom of the css/theme.css file.

 #banner .zenlast {float: none;}

#banner .slide-controller.zenrelative { z-index: 10;}

#banner .slidecount{margin-top:4px}

 

v2.2.3

  • Updated css for compatibility with Zentools 1.3

Manual Update

  • Upload templateDetails.xml
  • Upload css/theme.css file (details below)

 

Changes to the css/theme.css file.

  • Add the following to the bottom of the css/theme.css file or your custom css file.

/* Added for Zentools 1.3

-------------------------------------------------------------- */

#banner .slide-controller.zenlast {float: none;}

#banner .allitems {padding: 0 !important;}

#banner .flex-direction-nav li a span {display: none;}

#banner ul.flex-direction-nav li a {border: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

#banner .flexslider .flex-pauseplay span.pause,#banner ul.flex-direction-nav li a{

border: 0;

-webkit-box-shadow: none !important;

-moz-box-shadow:   none !important;

box-shadow:   none !important;

}

#banner .flex-direction-nav li a span {

background: none !important;

}

 

v2.2.2

  • Updated with support for J2.5 content links and images
  • Small fix for alignment of cosial icons

 

Manual Update

  • Upload templateDetails.xml
  • Upload html/com_content
  • Upload css/theme.css (See changes below)

 

Fix for changes to the social icons

  • Adjust the right value in the rule below css/theme.css file:

#socialicons.fixedright,#socialicons.fixedleft

{

top:266px;

z-index: 10;

right: -40px; 

width: 100px;

}

 

Then add this right below that piece of code:

body.present #socialicons.fixedright,#socialicons.fixedleft {

right: -30px;

}

 

v2.2.1

  • Small fix for login fields in panel for J2.5.

 

Manual Update

  • Upload templateDetails.xml
  • Upload css/theme.css (See manul fix below)

Fix for login fields.

In the css/theme.css file look for this code:

.login input#password {

display: block;

} 

and change to:

.login input#password,#form-login-password .inputbox {

display: block;

}

 

v2.2.0

Compatibility release for v2.2.0 of the Zen Grid Framework. Please ensure to also install the v2.2.0 of the Zen Grid Framework when upgrading to v2.2+.

  • Adds the new Toggle Menu option for small browsers.
  • Adds option to disable Sticky Nav option and adds fade effect for sticky nav.

 

Manual Update

  • Upload templateDetails.xml
  • Upload css/MediaQueries.css (See changes below)
  • Upload js/template.js (See changes below)

 

Changes to the mediaqueries.css

Added:

 

/* CSS for the mobile menu */

.fullwrap.togglemenu #menuwrap,.fullwrap.selectmenu #menuwrap,.fullwrap.togglemenu #mobilemenu select,.fullwrap.togglemenu #navwrap.sticky .container,.fullwrap.togglemenu #navwrap.sticky {display: none !important}

/* Togglemenu */

#togglemenu {display: block;background: #000;}

.fullwrap.togglemenu #navwrap .inner, .fullwrap.togglemenu #navwrap .row, .fullwrap.togglemenu #navwrap .container {border: 0;padding: 0;}

 

Changes to the js/template.js.

Remove the following from the js/template.js file. This code is now a part of the framework code.

 

// Sticky Nav

jQuery(window).scroll(function(e){ 

jQueryel = jQuery('#navwrap'); // element you want to scroll

jQueryscrolling = 0; // Position you want element to assume during scroll

jQuerybounds = 140; // boundary of when to change element to fixed and scroll

if (jQuery(this).scrollTop() > jQuerybounds && jQueryel.css('position') != 'fixed'){ 

jQuery(jQueryel).css({'position': 'fixed', 'top': jQueryscrolling});  } 

if (jQuery(this).scrollTop() < jQuerybounds && jQueryel.css('position') != 'absolute'){ 

jQuery(jQueryel).css({'position': 'relative', 'top': '0px'});  } 

});

 

v2.1.3

Fix for slideshow layout issue that crept in with update from Zentools v1.2.4+

Manual Update

  • Upload templateDetails.xml
  • Upload css/theme.css (See changes below)

 

Change the following rule from:



#banner .slideshowoverlay .zentools ul {float: left}
#banner .slideshowoverlay .zentools ul.flex-direction-nav {width: 120px}

to 



#banner .slideshowoverlay .zentools ul {float: left;width: 100%;}
#banner .slideshowoverlay .zentools ul.flex-direction-nav {width: 120px}

 

v2.1.2

Fixes top level active menu separator state.

Reverts fix to slideshow titles.

Fixes JB Meta styling for J1.7+

Implement fix for default logo on initial install.

 

Manual Update

Upload templateDetails.xml

Upload css/hilite[hilte]/css files.

Upload css/theme.css file. (See changes below)

 

Changes to the css/theme.css file.

Padding on the banner title.

 

Change:



#banner .zentext{ color:#fff; font-size:100%; left: 120px; top: 52px; max-width:287px; padding:4px 20px}
to

 



#banner .zentext{ color:#fff; font-size:100%; left: 120px; top: 52px; max-width:287px; padding:14px 20px}

 

Border on articles



.jbMeta{ font-size:85%; padding:0 0 10px; }

 

to 



.jbMeta{ font-size:85%;float: left;width: 100%;  padding:0 0 10px; }


 
 

 

v2.1.1

Fixes issue with top level separators not having the active menu state on hover.

Removed test code comments and added correct headers to css files.

Fix for left column display in ie7.

Default social icon settings.

 

Manual Update

Upload templateDetails.xml

Upload css/hilite files

Upload css/theme.css (see changes below)

 

Left Column fix

Add position:relative.



#mainwrap .row{ background-color:#F6F6F6; border:1px solid #cdcdcd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-box-shadow:0 0 0 4px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 0 4px rgba(0, 0, 0, .1); box-shadow:0 0 0 4px rgba(0, 0, 0, .1); position: relative;}

 

Top menu separator fix

Change:



#nav ul li.sfHover a,#nav ul li:hover a,#nav ul li.active a,#nav ul li.active a.sf-with-ul,#nav ul li a.sf-with-ul:hover,ul.jbtabs li a,#nav span.mainlevel span:hover,#nav li.active span.mainlevel span,#nav li.active > span.separator,#nav li.active > span.separator:hover

 

to



#nav ul li.sfHover a,#nav ul li:hover a,#nav ul li.active a,#nav ul li.active a.sf-with-ul,#nav ul li a.sf-with-ul:hover,ul.jbtabs li a,#nav span.mainlevel span:hover,#nav li.active span.mainlevel span,#nav li.active > span.separator,#nav li span.separator:hover

 

 

v2.1 Initial Release

Main Menu