Joomla Templates Club 406,261 posts

[newtybar Friend newtybarJoin date: December 2010Posts: 30Downloads:0Uploads:1 Thanks: 7 Thanked: 1 times in 1 posts]

#159022

Hi,

I would like to add a new module section in my template but am not quite sure how to do so. Right now it has the Content Slider position and then right below it is the Main Body position. I would like to have another position below the Content Slider position that is the same size.

I included the picture below to illustrate my point.

Thank you very much!

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#372766

Open templates>ja_lead>index.php and find the following code around line 169

<?php if( $this->countModules('ja-topsl') ) { ?>
<!-- TOP SPOTLIGHT-->
<div id="ja-topsl">
<div class="ja-innerpad clearfix">
<jdoc:include type="modules" name="ja-topsl" style="xhtml" />
</div></div>
<!-- //TOP SPOTLIGHT -->
<?php } ?>

Below it add

<?php if( $this->countModules('ja-topsl2') ) { ?>
<!-- TOP SPOTLIGHT2-->
<div id="ja-topsl">
<div class="ja-innerpad clearfix">
<jdoc:include type="modules" name="ja-topsl2" style="xhtml" />
</div></div>
<!-- //TOP SPOTLIGHT2 -->
<?php } ?>

Then in your module manager put your new module in position ja-topsl2 (you will have to manually type it into the position box).

1 user says Thank You to Phill for this useful post

1. newtybar

[newtybar Friend newtybarJoin date: December 2010Posts: 30Downloads:0Uploads:1 Thanks: 7 Thanked: 1 times in 1 posts]

#372768

thanks worked great!

How do I adjust the height on this module position? Thank you!

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#372770

In what way? It works on my testbed. Can you detail what failed and post a link?

[newtybar Friend newtybarJoin date: December 2010Posts: 30Downloads:0Uploads:1 Thanks: 7 Thanked: 1 times in 1 posts]

#372773

Phil – it was operator error on my part – I entered the code wrong and edited my post accordingly.

Is there any way I can make the section larger?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#372838

In what way larger? The height of the module will expand depending on how much content you put in it.

Or do you want the whole block wider? If that is the case you have to reduce the width of the column on the left too.

Edit the code in red below accordingly

templates>ja_lead>themes>lead line 711ish


#ja-mainbody {
float: left;
width: 650px;

}

The figure in red controls the width of the main body

And in template.css line 730ish


#ja-col2 {
float:right;
font-size:92%;
width:310px;

}


Simply adjust the pair until you get the ratios you want. Remeber the pair must add up to the same so if you increase one decrease the other by the same amount.

[newtybar Friend newtybarJoin date: December 2010Posts: 30Downloads:0Uploads:1 Thanks: 7 Thanked: 1 times in 1 posts]

#372902

I see…maybe it is an issue with the module I am using then because it is not expanding heightwise.

here is a link to the site…the item description is getting cut off.

http://www.rummageclothing.com/

thanks again Phil! you’ve been a great help.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#372927

Is this a custom html module? Can you PM me an admin logon?

1 user says Thank You to Phill for this useful post

1. newtybar

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#372932

Thanks for your PM.

It does appear to be strange that this module does not size correctly. As a quick fic I have applied a custom class called high to your module. To get it to have the desired effect you will need to add the following code to the bottom of your template.css file

.high {height:380px;}

Take a look at the custom class I have added to your module if you need it elsewhere.

1 user says Thank You to Phill for this useful post

1. newtybar

[Author]

Posts