Knowledgebase

Joomlabamboo template and extension documentation

v2.2.3

Fix for heading display when no date published.

 

Manual Update

Upload templateDetails.xml

Upload css/theme.css (See chnages below)

Upload css/k2.css (See changes below)

Upload html/com_content

Upload html/com_k2

 

Changes to the css/theme.css file


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

{codecitation}

 

.jbHeader.nodate .contentheading {

margin-left: -5%;

}

 

.jbHeader.nodate div.buttons {

margin-left: -5%;

}

{/codecitation}


Changes to the css/k2.css file

Add the following to the bottom of the css/k2.css file.

{codecitation}

 

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

Fix for no date styling

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

.k2Header.nodate ul {

margin-left: -7%;

}

.k2Header.nodate .contentheading {

margin-left: -6%;

}

{/codecitation}

 

 

v2.2.2

Fix for logo location in offlinemode.

 

Manual Update:

Upload templateDetails.xml

Upload offline.php

 

v2.2.1

Fixes issue with right column dropping down in k2 template.

Fixes width in portrait view on small screens.

Fixes content type not showing on k2 item page.

Adds a fix for module tags not displaying on modules if the module title is disabled.

Fixes tagline disabled on sub pages option in Joomla 2.5.

Fix for Facebook button overflow

 

Manual Update

Upload templateDetails.xml

Upload html/modules.php

Upload html/com_k2

Upload css/bg[your style].css (Details below)

Upload css/mediaqueries.css (Details below)

Upload css/theme.css (Details below)

Upload css/k2.css

 

Changes to the css/bg[your style].css

Added .jbSection,.moduletable-panelmenu.border,.item #mainContent to the group below.

{codecitation}

 

/* Elements that have the shadow and whitebg

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

.jbFrontPage,

#jbArticle,

.jbCategory,

.jbSection,

#mainContent,

.items-more,

.k2CategoriesBlock,

.k2ItemContainer,

.userBlock,

.k2ItemView,

.latestItemsUser,

.latestItemView,

.latestItemsCategory,

.tagItemView,

.moduletable-twitter,

.moduletable.twitter,

.moduletable-tag,

.moduletable.tag,

.moduletable-user,

.moduletable.user,

.moduletable-twitter,

.moduletable.twitter,

.moduletable-mail,

.moduletable.mail,

.moduletable-bulb,

.moduletable.bulb,

.moduletable-image,

.moduletable.image,

.moduletable-search,

.moduletable.search,

.moduletable-price,

.moduletable.price,

.moduletable-settings,

.moduletable.settings,

.moduletable-like,

.moduletable.like,

.moduletable-info,

.moduletable.info,

.moduletable-note,

.moduletable.note,

.moduletable-home,

.moduletable.home,

.moduletable-attachment,

.moduletable.attachment,

.moduletable-flag,

.moduletable.flag,

.moduletable-comment,

.moduletable.comment,

.moduletable-arrow,

.moduletable.arrow,

.moduletable-success,

.moduletable-warning,

.moduletable-notice,

.moduletable-slide.border,

.moduletable.border,

.moduletable-border,

.blog_more,

.moduletable-panelmenu.border,

.item #mainContent

{

background: #f9f9f9;

-webkit-box-shadow: 0 1px 2px 1px #333;

-moz-box-shadow: 0 1px 2px 1px #333;

box-shadow: 0 1px 2px 1px #333;

text-shadow: none;

color: #555;

clear: both;

margin-bottom: 30px;

}

{/codecitation}

 

 

Updates to the css/theme.css file.

Added .item #mainContent to the following rule:

{codecitation}

 

/* Resets the shadow, margins etc on some elements

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

.frontpage #mainContent, .featured #mainContent, .section.blog #mainContent, .category.blog #mainContent, .article #mainContent, .itemlist.category #mainContent, .latest.latest #mainContent, .itemlist #mainContent,.item #mainContent{

width:100%;

margin-left:0;

background:transparent;

-webkit-box-shadow:0 0 0 0 #DDDAD3;

-moz-box-shadow:0 0 0 0 #DDDAD3;

box-shadow:0 0 0 0 #DDDAD3;

padding:0

}

{/codecitation}

 

Fix for facebook button overflow add to the bottom of the css/theme.css:

{codecitation}

div.itemFacebookButton { overflow: hidden; width: 50px; }

{/codecitation}

 

Fix for tag displaying on modules without the title.

{codecitation}

 

.moduletable-twitter.TitleHidden .jbmoduleBody,

.moduletable.twitter.TitleHidden .jbmoduleBody,

.moduletable-vimeo.TitleHidden .jbmoduleBody,

.moduletable.vimeo.TitleHidden .jbmoduleBody,

.moduletable-tag.TitleHidden .jbmoduleBody,

.moduletable.tag.TitleHidden .jbmoduleBody,

.moduletable-user.TitleHidden .jbmoduleBody,

.moduletable.user.TitleHidden .jbmoduleBody,

.moduletable-twitter.TitleHidden .jbmoduleBody,

.moduletable.twitter.TitleHidden .jbmoduleBody,

.moduletable-mail.TitleHidden .jbmoduleBody,

.moduletable.mail.TitleHidden .jbmoduleBody,

.moduletable-bulb.TitleHidden .jbmoduleBody,

.moduletable.bulb.TitleHidden .jbmoduleBody,

.moduletable-image.TitleHidden .jbmoduleBody,

.moduletable.image.TitleHidden .jbmoduleBody,

.moduletable-search.TitleHidden .jbmoduleBody,

.moduletable.search.TitleHidden .jbmoduleBody,

.moduletable-price.TitleHidden .jbmoduleBody,

.moduletable.price.TitleHidden .jbmoduleBody,

.moduletable-settings.TitleHidden .jbmoduleBody,

.moduletable.settings.TitleHidden .jbmoduleBody,

.moduletable-like.TitleHidden .jbmoduleBody,

.moduletable.like.TitleHidden .jbmoduleBody,

.moduletable-info.TitleHidden .jbmoduleBody,

.moduletable.info.TitleHidden .jbmoduleBody,

.moduletable-note.TitleHidden .jbmoduleBody,

.moduletable.note.TitleHidden .jbmoduleBody,

.moduletable-home.TitleHidden .jbmoduleBody,

.moduletable.home.TitleHidden .jbmoduleBody,

.moduletable-attachment.TitleHidden .jbmoduleBody,

.moduletable.attachment.TitleHidden .jbmoduleBody,

.moduletable-flag.TitleHidden .jbmoduleBody,

.moduletable.flag.TitleHidden .jbmoduleBody,

.moduletable-comment.TitleHidden .jbmoduleBody,

.moduletable.comment.TitleHidden .jbmoduleBody,

.moduletable-arrow.TitleHidden .jbmoduleBody,

.moduletable.arrow.TitleHidden .jbmoduleBody  {

padding-left: 4%;

}

 

 

.TitleHidden .moduleTitle h3 {

    overflow: hidden;

    position: absolute;

    text-indent: 100%;

    white-space: nowrap;

    width: 0;

}

{/codecitation}

 

 

 

v2.2.0 Initial Release