If your having issues with the Template not loading CSS then its not just you.
Its a pretty simple temporary fix until I can sort through the code a bit further.
Open file: skeleton.tmpl
From: /components/com_groupjive/templates/default/skeleton.tmpl
Add the following code:
| Code: |
<style type="text/css" media="all">
@import "http://[color=#FF0000]www.YOURDOMAINNAMEHERE.com[/color]/components/com_groupjive/templates/default/groupjive_css.css";
</style>
<style type="text/css">
|
Just below the first line of code:
| Code: |
<mos:tmpl name="skeleton">
|
Assuming you have done my other two hacks "Navigation Tabs" and "Back Button" this is what it should look like now:
| Code: |
<mos:tmpl name="skeleton">
<style type="text/css" media="all">
@import "http://www.industrialjobs.org/components/com_groupjive/templates/default/groupjive_css.css";
</style>
<style type="text/css">
<!–
#demo-container{padding:25px 15px 0 15px;margin:0 0 15px 0;background:#67A897;}
ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:11px 0 0 0;}
ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;background:#4A6867;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#2E4560;}
ul#simple-menu li a.current{color:#2E4560;background:#fff;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}
–>
</style>
<div id="demo-container">
<ul id="simple-menu">
<li><a href="index.php?option=com_groupjive&task=showcat" title="Group Directory" class="current">Group Directory</a></li>
<li><a href="index.php?option=com_groupjive&action=gj.core.groups.createnewgroup" title="Create a Group">Create a Group</a></li>
</ul>
</div>
<div id="gj_wrapper">
<div id="gj_top" class="w100">
{GJ_TOP}
</div>
<div class="clearfloat"></div>
<div id="gj_left" class="left">
{GJ_LEFT}
</div>
<div id="gj_middle" class="left">
<div id="gj_mid_top_left" class="left">
{GJ_TOPLEFT}
</div>
<div id="gj_mid_top_mid" class="left">
{GJ_TOPMIDDLE}
</div>
<div id="gj_mid_top_right" class="left">
{GJ_TOPRIGHT}
</div>
<div class="clearfloat"></div>
<div id="gj_mid_mid" class="left">
{GJ_CENTER}
</div>
<div class="clearfloat"></div>
<div id="gj_mid_bot_left" class="left">
{GJ_BOTTOMLEFT}
</div>
<div id="gj_mid_bot_mid" class="left">
{GJ_BOTTOMMIDDLE}
</div>
<div id="gj_mid_bot_right" class="left">
{GJ_BOTTOMRIGHT}
</div>
<div class="clearfloat"></div>
</div>
<div id="gj_right" class="left">
{GJ_RIGHT}
</div>
<div class="clearfloat"></div>
<div id="gj_bottom" class="w100">
{GJ_BOTTOM}
</div>
</div>
<div class="clearfloat"></div>
</br>
</br>
<a href = "javascript:history.back()">Go Back</a>
<!--<<a href="#" onClick="history.go(-1)">Back</a>>-->
</mos:tmpl>
|
Thanks,
James
