Joomla Templates Club 406,261 posts

[noufal Friend noufalJoin date: December 2008Posts: 6Downloads:1Uploads:0 Thanks: 3]

#150888

Dears,
I need add one Module from the jaslideshow and side modules between.
this is image position i need add , kindly help me .

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#343008

Dear noufal

here this the solution to resolve your issute

Pls open the file template.css and find codes:

#ja-topsl2 {
float: right;
width: 30%;
overflow: hidden;
}

and replace:

#ja-topsl2 {
float: right;
width: 50%;
overflow: hidden;
}

and

#ja-topsl2 div.moduletable {
margin: 20px 0 0;
}

and replace:

#ja-topsl2 div.moduletable {
margin: 20px 0 0;
float:left
}

#ja-topsl1 {
float: left;
width: 49%;
overflow: hidden;
}

now, you access your administrator and try to re-set the with of ja slideshow via its configuration. And put second module in the topsl2 position

Good luck

1 user says Thank You to Saguaros for this useful post

1. noufal

[noufal Friend noufalJoin date: December 2008Posts: 6Downloads:1Uploads:0 Thanks: 3]

#343029

<em>@tienhc 177845 wrote:</em><blockquote>Dear noufal

here this the solution to resolve your issute

Pls open the file template.css and find codes:

#ja-topsl2 {
float: right;
width: 30%;
overflow: hidden;
}

and replace:

#ja-topsl2 {
float: right;
width: 50%;
overflow: hidden;
}

and

#ja-topsl2 div.moduletable {
margin: 20px 0 0;
}

and replace:

#ja-topsl2 div.moduletable {
margin: 20px 0 0;
float:left
}

#ja-topsl1 {
float: left;
width: 49%;
overflow: hidden;
}

now, you access your administrator and try to re-set the with of ja slideshow via its configuration. And put second module in the topsl2 position

Good luck</blockquote>
Thank you very much dear..
i need creat one more modules i mean with one more position. now i can get two position 1-ja-topsl2-right
2-ja-topsl1-left it is ok ineed in betweeb one more one more modeuls center u can see my image plain color.that position i need create Please help me.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#343317

Dear noufal!

Do you have the dev site ? please give me the link to your site, i would like to have a closer look on the issue

thanks

1 user says Thank You to Saguaros for this useful post

1. noufal

[noufal Friend noufalJoin date: December 2008Posts: 6Downloads:1Uploads:0 Thanks: 3]

#343434

this site http://www.qkmcc.com/

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#343651

Dear noufal!

Pls open the file: templates/ja_sanidineii_light/index.php and find the following code:
[PHP]
<?php if( $this->countModules(‘topsl1’) && $this->countModules(‘topsl2’) ) { ?>

<!– BEGIN: TOP SPOTLIGHT –>

<div id=”ja-topsl” class=”clearfix”>

<div id=”ja-topsl1″>

<jdoc:include type=”modules” name=”topsl1″ style=”raw” />

</div>

<div id=”ja-topsl2″>

<jdoc:include type=”modules” name=”topsl2″ style=”xhtml” />

</div>

</div>

<!– END: TOP SPOTLIGHT –>

<?php } ?>

[/PHP]
And replace:
[PHP]

<?php if( $this->countModules(‘topsl1’) && $this->countModules(‘topsl2’) ) { ?>

<!– BEGIN: TOP SPOTLIGHT –>

<div id=”ja-topsl” class=”clearfix”>

<div id=”ja-topsl1″>
<div class=”left”>

<jdoc:include type=”modules” name=”topsl1″ style=”raw” />
</div>
<div class=”right”>
<jdoc:include type=”modules” name=”topsl1-right” style=”xhtml” />
</div>

</div>

<div id=”ja-topsl2″>

<jdoc:include type=”modules” name=”topsl2″ style=”xhtml” />

</div>

</div>

<!– END: TOP SPOTLIGHT –>

<?php } ?>
[/PHP]

And add the following css into the template.css file:

#ja-topsl1 .left {
float:left;
}
#ja-topsl1 .right {
float:right;
}

after done, you ‘ll have the “topsl1-right” position

Good luck

[Author]

Posts