Joomla Templates Club 406,261 posts

[pinkfloyd Friend pinkfloydJoin date: May 2007Posts: 68Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#135590

I would like to split the topsl into 2 parts one with the slide show and another showing a module the split is roughly 75% 25%.

I have tried to show 2 modules in the topsl position, but can’t get it.

Any help would be much appreciated.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#280239

Hi pinkfloyd !
You can do it following some steps below :
1.Open index.php file in templates/ja_pyrite folder find following code section at about line 147 :


<?php if ( $this->countModules('topsl') ) : ?>
<!-- BEGIN: SLIDESHOW -->
<div id="ja-topsl">
<jdoc:include type="modules" name="topsl" style="raw" />
</div>
<!-- END: SLIDESHOW -->
<?php endif; ?>


change to :


<?php if ( $this->countModules('topsl') ) : ?>
<!-- BEGIN: SLIDESHOW -->
<div id="ja-topsl">
<div id="ja-topsl1">
<jdoc:include type="modules" name="topsl" style="raw" />
</div>
<div id="ja-topsl2">
<--load module here -->
</div>
</div>
<!-- END: SLIDESHOW -->
<?php endif; ?>


2. Open template.css file in templates/ja_pyrite/css folder , find following code section at about line 999 :


/* Top spotlight */
#ja-topsl {
clear: both;
margin: 0 0 20px;
padding: 0;
height: 200px;
overflow: hidden;
}


change to :


/* Top spotlight */
#ja-topsl {
clear: both;
margin: 0 0 20px;
padding: 0;
height: 200px;
overflow: hidden;
}

#ja-topsl1 {
margin: 0 0 20px;
padding: 0;
display:block;
width:75%;
float:left;
}

#ja-topsl2 {
margin: 0 0 20px;
padding: 0;
display:block;
width:24%;
float:right;

}

2 users say Thank You to Sherlock for this useful post

1. nowwecanmakewar
2. twendeline

[Author]

Posts