Joomla Templates Club 406,261 posts

[Peter Konstantakos Friend Peter KonstantakosJoin date: September 2014Posts: 108Downloads:0Uploads:8 Thanks: 10 Thanked: 6 times in 1 posts]

#158383

I would like to take the user 4 position and make it look like this. See Image

I have tried to figure it out myself but it seems this position will have to be moved out of the main inner area to make it expand horizontally across the whole site.

Thanks

Peter

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#370507

How about instead, adding this at end of template.css file::

#ja-highlight{background:#ccc;}

This would probably, give you the feeling of what you need 🙂

[Peter Konstantakos Friend Peter KonstantakosJoin date: September 2014Posts: 108Downloads:0Uploads:8 Thanks: 10 Thanked: 6 times in 1 posts]

#370510

<em>@Konstantakos 213264 wrote:</em><blockquote>I would like to take the user 4 position and make it look like this. See Image

I have tried to figure it out myself but it seems this position will have to be moved out of the main inner area to make it expand horizontally across the whole site.

Thanks

Peter</blockquote>

I figured it out. You need to clone a layout and change it to this
<layout name=”desktop”>
<!–Extra css load for this layout–>
<stylesheets>
</stylesheets>
<blocks name=”top” style=”xhtml”>
<block name=”top-panel” type=”modules” style=”raw” main-inner=”1″>top-panel</block>
<block name=”header” type=”header” main-inner=”1″></block>
<block name=”mainnav” type=”mainnav” main-inner=”1″></block>
<block name=”cpanel” type=”usertools/cpanel”></block>
<block name=”slideshow” type=”modules” style=”raw” wrap-inner=”1″>slideshow, user4</block>

<block name=”topsl1″ type=”spotlight” special=”right” specialwidth=”33″ main-inner=”1″>user5,user6</block>
</blocks>
<blocks name=”middle” colwidth=”23″ main-inner=”3″>
<block name=”left1″>left</block>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”botsl” type=”spotlight” main-inner=”1″>user7,user8,user9,user10</block>
<block name=”navhelper” type=”navhelper”></block>
<block name=”footer” type=”footer”></block>
</blocks>
</layout>

Then you need to tweak the css files

[Author]

Posts