Joomla Templates Club 406,261 posts

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#132925

I want to display the title ‘Most popular’ for JA Mootabs and then have tabs like ‘Articles’, ‘Videos’, ‘Pictures’ like on the UPI.com site, but I can’t find where to turn on and define:confused: the title.

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

#268652

Hi andrewwinkler !
titles on motabs are titles of modules wih position is “user6”. Please login to admin >> extensions >> module manager >> select “user6” in position filter select box –> list of user6 module will be displayed , they are module on motabs.

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#268670

I’m not talking about the titles of the tabs within JA Mootab. I’m talking about a title for the whole JA Mootab. Go to UPI.com and you will see what I mean. They have a Mootab there titled ‘Most popular’. Within the Mootab they have different tabs titled videos, pictures, articles. I want to replicate that.

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

#268685

you open index.php file in templates/ja_teline_ii folder , find following code section at about line 245 :


<script type="text/javascript">
window.addEvent('load', initmootabs);
function initmootabs() {
myTabs1 = new jamootabs('ja-tabs', {
<?php echo $ja_mootabs_options; ?>
});
}
</script>
<div id="ja-tabswrap">


change to :


<script type="text/javascript">
window.addEvent('load', initmootabs);
function initmootabs() {
myTabs1 = new jamootabs('ja-tabs', {
<?php echo $ja_mootabs_options; ?>
});
}
</script>
<div id="ja-tabswrap">
<div style="background:#F7F7F7; text-align:center; font-size:15px;">Most popular</div>


[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#268696

Great. All I need now are the right style parameters for the header to look like the Videos module. Have a look at http://www.rebelnews.org and you will see what I mean. Especially the font-type is wrong and it probably needs to be bold. There might already be a class define in one of the stylesheets that I can use.

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

#268814

Ok ! you can add class and define it in css file to change style for text.

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#268827

Sorry you missunderstood what I asked for. I need the Mootabs ‘Most popular’ title to look and behave exactly like the ‘Videos’ title of the AllVideo Reloaded module above it, that is I want the font to change color when switching into a different category, I want the space above and below the title to have the same height, I want to have the same font type, size etc. For that to happen I need the exact syntax for the ‘Most popular’ header .

The syntax I’m currently using is:

<div style=”background:#F7F7F7; text-align:left; margin-left: 10px; color: #333333″><h4>Most Popular</h4></div>

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

#268833

Hi andrewwinkler !
you replace :


<div style="background:#F7F7F7; text-align:center; font-size:15px;">Most popular</div>


to :


<div id="most_title"><h3>Most popular</h3></div>


then you add following code section to the bottom of template.css file in templates/ja_teline_ii folder :


#most_title h3 {
border:1px solid #DDDDDD;
color:#006699;
font-size:125%;
margin:0;
padding:5px 10px;

}


if you want color of it change when switch categories , you add obove css code to each color css file in templatesja_teline_iicsscolors folder. but must change color property for each file.

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#268837

I’ve changed the color to #333333 instead to make it look the module titles underneath. It looks very similar now. Thanks for your help.

[Author]

Posts