Joomla Templates Club 406,261 posts

[tomo555 Friend tomo555Join date: June 2010Posts: 58Downloads:0Uploads:3 Thanks: 8]

#177637

Hi,

Does anyone know how to change Users1,2,3 & 4 so that they are split onto two rows the same as Users 5 & 6 and Users 7 & 8 by any chance?

What I want to do is have four category rows one above the other using the JA_SideNews module as is displayed by Users 5 and 6, 7 and 8.

Thanks,

Tomo

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#455274

<block name="topsl" type="spotlight" main-inner="2" specialwidth="25" special="left">user1,user2,user3,user4</block>

try delete the red one (file: default.xml) OR just never use user3 and user4

[tomo555 Friend tomo555Join date: June 2010Posts: 58Downloads:0Uploads:3 Thanks: 8]

#455276

<em>@arsaf 322592 wrote:</em><blockquote>
<block name="topsl" type="spotlight" main-inner="2" specialwidth="25" special="left">user1,user2,user3,user4</block>

try delete the red one (file: default.xml) OR just never use user3 and user4</blockquote>

Yes that’s easy but your solution isn’t creating the new positions as hoped…..

🙂

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#455280

the existing layout are topsl, topsl1, topsl2. add one more layout, let say topsl4:

<block name="topsl4" type="spotlight" main-inner="2" specialwidth="25" special="left">

user3,user4

</block>

then modif your template.css especially in /* Top spotlight —*/ additional topsl4, example:

#ja-topsl .main,#ja-topsl1 .main,
#ja-topsl2 .main,
#ja-topsl4 .main { padding: 0; }

try and do the rest yourself 🙂

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#455289

Hi Guys
Please go to template manager => Ja_pursite => layout tab for customize layout

Regards,

[tomo555 Friend tomo555Join date: June 2010Posts: 58Downloads:0Uploads:3 Thanks: 8]

#455350

<em>@HeR0 322609 wrote:</em><blockquote>Hi Guys
Please go to template manager => Ja_pursite => layout tab for customize layout

Regards,</blockquote>

Hi HeRo,

I sent you a PM a few days ago, any chance you can take a look please?

Thanks,

Tomo

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#455788

Hi Tomo
I create new topl4 have position user15, user16 as below

<?xml version="1.0" encoding="utf-8"?>
<layout name="desktop">
<!--Extra css load for this layout-->
<stylesheets>
<file media="all">css/layout.css</file>
<file media="all">css/template.css</file>
<file media="all">css/modules.css</file>
<file media="only screen and (max-width:479px)">css/layout-mobile-port.css</file>
<file media="only screen and (max-width:735px)">css/layout-mobile.css</file>
<file media="only screen and (min-width:736px) and (max-width: 985px)">css/layout-tablet.css</file>
<file media="only screen and (min-width:986px) and (max-width: 1235px)">css/layout-normal.css</file>
</stylesheets>
<scripts>
<file>js/mega.rjd.js</file>
<file>js/jquery/jquery-1.6.4.min.js</file>
<file>js/jquery.masonry.js</file>
<file>js/jquery.mediaqueries.js</file>
<content>jQuery.noConflict();</content>
</scripts>
<blocks name="top" style="xhtml">
<block name="header" type="header" main-inner="1"></block>
<block name="slider" type="modules" main-inner="1">slider</block>
<block name="topsl" type="spotlight" main-inner="2" specialwidth="25" special="left">user1,user2,user3,user4</block>
<block name="topsl4" type="spotlight" main-inner="2" specialwidth="25" special="left">user15,user16</block>
<block name="topsl1" type="spotlight" main-inner="2" specialwidth="25" special="left">user5,user6</block>
<block name="topsl2" type="spotlight" main-inner="2" specialwidth="25" special="left">user7,user8</block>
<block name="topsl3" type="spotlight" main-inner="2">position-2</block>
</blocks>
<blocks name="middle" main-inner="1" fixheight="0" colwidth="25">
<block name="right1">position-7, position-5</block>
</blocks>
<blocks name="bottom" style="xhtml">
<block name="botsl" type="spotlight" main-inner="1">contactus</block>
<block name="navhelper" type="navhelper"></block>
<block name="botsl1" type="spotlight" main-inner="2" specialwidth="50" special="left">user9,user10,user11,user12</block>
<block name="botsl2" type="spotlight" main-inner="2" >user13,user14</block>
<block name="footer" main-inner="1" type="footer"></block>
<block name="masonry" type="masonry" no-wrap="1" no-main="1"></block>
</blocks>
</layout>
Now you can check positon at link http://yourdomain/?tp=1
If its fine, then you will have to now add css style for topl4 modules position similar to topl1, topl2

Regards,

[tomo555 Friend tomo555Join date: June 2010Posts: 58Downloads:0Uploads:3 Thanks: 8]

#455876

Hi Hero,

I hope you had a good break last week. Thanks for the above however this bit I managed to do even with my limited programming skills. The problem I had was I copied Topsl2 for my newly created Topsl 4 on both the Template.css and Layout.css at it just didn’t seem to configure properly.Do I have to alter both files and all references to Topsl2??????

Thanks,

Tomo

[tomo555 Friend tomo555Join date: June 2010Posts: 58Downloads:0Uploads:3 Thanks: 8]

#455877

<em>@tomo555 323402 wrote:</em><blockquote>Hi Hero,

I hope you had a good break last week. Thanks for the above however this bit I managed to do even with my limited programming skills. The problem I had was I copied Topsl2 for my newly created Topsl 4 on both the Template.css and Layout.css at it just didn’t seem to configure properly.Do I have to alter both files and all references to Topsl2??????

I’ve copied Topsl1 on both the Template.css and Layout.css and you can see the issues at http://thebuilddiary.com/?tp=1

Would you mind looking at the attached files to see what I’m messing up?

Thanks,

Tomo

---

Attachments:

1. Amended_Template.zip
2. Amended_Layout.txt

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#455975

Hi Tomo
Please find


#ja-topsl .ja-slidenews-item, #ja-topsl1 .ja-slidenews-item, #ja-topsl2 .ja-slidenews-item {
border: 0 none;
clear: none;
float: left;
padding: 0;
position: relative;
width: 33%;
}

Then replace


#ja-topsl .ja-slidenews-item, #ja-topsl1 .ja-slidenews-item, #ja-topsl2 .ja-slidenews-item, #ja-topsl4 .ja-slidenews-item {
border: 0 none;
clear: none;
float: left;
padding: 0;
position: relative;
width: 33%;
}

Regards,

1 user says Thank You to HeR0 for this useful post

1. tomo555

[tomo555 Friend tomo555Join date: June 2010Posts: 58Downloads:0Uploads:3 Thanks: 8]

#456068

<em>@HeR0 323520 wrote:</em><blockquote>Hi Tomo
Please find


#ja-topsl .ja-slidenews-item, #ja-topsl1 .ja-slidenews-item, #ja-topsl2 .ja-slidenews-item {
border: 0 none;
clear: none;
float: left;
padding: 0;
position: relative;
width: 33%;
}

Then replace


#ja-topsl .ja-slidenews-item, #ja-topsl1 .ja-slidenews-item, #ja-topsl2 .ja-slidenews-item, #ja-topsl4 .ja-slidenews-item {
border: 0 none;
clear: none;
float: left;
padding: 0;
position: relative;
width: 33%;
}

Regards,</blockquote>

Thanks HeRo!!!!

[Author]

Posts