× Support for Joomla 2.5 templates is discontinued. This forum category is read-only.

How to use html code for top-module position

More
6 years 3 months ago #4274 by Eaglez
Eaglez created the topic: How to use html code for top-module position
Please, I will appreciate if some one can help me out with the html code to use to add more modules on the same row at "top postion" and on which template file.

Also, how can i change the template background color and it will not affect the content area.


thanks

Please Log in or Create an account to join the conversation.

More
6 years 3 months ago - 6 years 3 months ago #4283 by marcin
marcin replied the topic: How to use html code for top-module position
Hello,


This is a quick tutorial on how to display more modules on the "top" position. By default you can display up to 4 modules on this position.

1) Edit the index.php file (templates/jm-business-marketing/, line 80th) and enter a number of modules in a row.

Please see the attached "step1" screenshot.

2) Edit the modules.css file (templates/jm-business-marketing/css):
As you can see on the screenshot, depending on number of modules you will have to add the width in percent.
The "rowcount_4" class appears when 4 modules are displayed in a row. So if you would like to display 5 modules in a row then you will have to add these styles:

#jm-top .rowcount_5 .top-in {
width: 20%;
float: left;
}

Why the width has 20% value? Divide 100% (full width) by 5 (number of modules) and you will get 20%.
For 6 modules it will be 16.6% and so on.

Please see the attached "step2" screenshot.

3) That's it.


In the case of the template background, you can change it in the layout.css file (templates/jm-business-marketing/css/, line 16th).
If you would like a different color for the content area, try to add a background for the #jm-allpage-in div.

Regards,
Marcin
Attachments:
Last Edit: 6 years 3 months ago by marcin.

Please Log in or Create an account to join the conversation.

Time to create page: 0.217 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.