The most well-organized collection of templates for Joomla, WP, Drupal

select your template for Joomla 3.8, Joomla 3.7, Joomla 3.5, Joomla 2,5, Drupal 7, WP 3

Free Joomla 3 content / images slider module with touch enabled joomla 3.5 templates promotion 70 off last added joomla templates for Joomla 3.5 free download joomla 3.5 templates package of 20 template for Joomla 3.x  Promotion on Joomla 3.7 templates for 2017

Get a 60% discount from the price of templates for Joomla

Get a 75% discount from the price of templates for Joomla

Payment system of the site

PayPal Acceptance Mark
User Rating:  / 0
PoorBest 

How to create a new module position between the description of the category and the articles in the blog layout page.

new module position in blog category

Creating a module position is usually done by editing the file - index.php. To create a module position between the description and the articles in the blog layout, do the following:

1.Open the file blog.php in your favorite editor. The file is located in templates/template from this site/html/com_content/category . Around line 40-45 you will find the code :

<?php $leadingcount=0 ; ?>

Immediately before this code add:

<!-- start new module position-->
<div class="blogmodule">
<?php
    $document    = &JFactory::getDocument();
    $renderer    = $document->loadRenderer('modules');
    $options    = array('style' => 'xhtml');
    $position    = 'mynewposition' ;   echo $renderer->render($position, $options, null);
?>
</div blogmodule>
<!-- end new module position-->

Note: Rename - mynewposition - with the name chosen by you. Example 'blog-1' .

Save the changes

 2. Open the file template.css in your favorite editor. The file is located in templates/template from this site/css .

At the end of the file add:

.blogmodule
{
    max-width: 100%;
    margin: 7px;
    padding: 7px;
    border: 1px solid #828282;
    border-radius: 5px;
    background: #FFF;
}

With this code, you define the basic settings of the new module position. If necessary, add new css rules. Example: If you want this position to be hidden for mobile devices add:

@media all and (max-width: 768px)
{
    .blogmodule
{
    display: none;
}
}

Save the changes

3. Add the selected module in the new position.

Final score:

new module position in blog

4. Not necessarily, but it is better to add the new position in the templateDetails.xml file.

Note:
- Make a copy of the files before you edit them.
- Use notepad or another html editor. Do not use Word, Excel or any other MS extension.

Free templates for joomla 3.6.0. Responsive design

Free Joomla 2.5, 3.0, 3.3, 3.4, 3.5, 3.6, 3.7, 3.8 template

- Template compatibility: Joomla 2.5.28, Joomla 3.0, Joomla 3.1, Joomla 3.2, Joomla 3.3, Joomla 3.4, Joomla 3.5, Joomla 3.8
- 32 module positions for the different types of content-menu, text, images, flash, banners
- 4 module positions in the header, 3 top module positions, 4 module positions in the footer

More Free Templates      Free templates for Joomla articles       Best Collection

  • Free joomla content news module that allows you to show popular articles
  • Free joomla module content news that allows you to show latest articles
  • Free Joomla module to display news, content, articles with intuitive and elegant solution
  • Perfect joomla module to show a content with iimages and text
  • Free Joomla module for elegant hover effect with 16 styles
  • Free Joomla module for the presentation of your office team
  • Joomla module - Top Actual News
  • Free Joomla module to create background slider
  • Free Joomla module rotator images
  • SP Touch Slider - Free Joomla Module