Joomla Templates Club 406,261 posts

[medy Friend medyJoin date: January 2006Posts: 16Downloads:0Uploads:1 Thanks: 3]

#162163

Hi all,

I would like to extend the width of ja-content-top block (user1,user2,user3) to 100% of the template width, so that left and right column would start beneath the ja-content-top position. I have read some forum posts on changing blocks width but I didn’t succeed in changing the width of whole block.
(Please see attachment)

I would also like to create a new module in ja-header position and apply custom CSS to it (width and height). (also in screenshot). Any directions which files to modify would be be greatly appreciated. (JA T3 framework is a great thing, but some of us are still used of changing CSS the “old way” – 1 file and puf 🙂

Thank you in advance.
Matej

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#384426

About the ja-content-top block, there is one easy solution, that is go to Admin > Template manager > Ja social > layout tab, edit default layout. Change it into:

<?xml version="1.0" encoding="utf-8"?>
<layout name="desktop">
<!--Extra css load for this layout-->
<stylesheets>
</stylesheets>
<blocks name="top" style="xhtml">
<block name="top-panel" type="modules" style="jaraw" main-inner="1">top-panel</block>
<block name="header" type="header" main-inner="1"></block>
<block name="topbar" type="topbar"></block>
<block name="mainnav" type="mainnav"></block>
<block name="cpanel" type="usertools/cpanel"></block>
<block name="slide-top" type="spotlight">user1,user2,user3</block>
</blocks>
<blocks name="middle" colwidth="22">
<block name="content-mass-top" style="jaraw">content-mass-top</block>

<block name="inset2">left</block>
<block name="right2">right</block>
</blocks>
<blocks name="bottom" style="xhtml">
<block name="botsl" type="spotlight" main-inner="1">user6,user7,user8,user9,user10</block>
<block name="navhelper" type="navhelper" main-inner="1"></block>
<block name="footer" type="footer"></block>
<block name="ie-rounded" type="ie-rounded" no-main="1" no-wrap="1"></block>
</blocks>
</layout>

With the second issue, templatesja_socialblocksheader.php, add this

<div style="width: 500px; height: 100px; position: absolute; top 20px; right: 20px; text-align:right; ">
<?php if($this->countModules('my-slide-show')) : ?>
<div id="ja-search">
<jdoc:include type="modules" name="my-slide-show" />
</div>
<?php endif; ?>
</div>
before:

<?php if($this->countModules('search')) : ?>

open templatesja_socialtemplateDetails.xml, add :

<position>my-slide-show</position>
before:

</positions>
After that goto Module manager and assign your slideshow module to “my-slide-show” position.

Please try and let me know.

[Author]

Posts