Joomla Templates Club 406,261 posts

[imedee Friend imedeeJoin date: July 2013Posts: 10Downloads:5Uploads:4 Thanked: 1 times in 1 posts]

#188973

I have been trying to insert a new position on the top of the JA Nex template, where it is shown on the screen shot. I was able to add a new position on the templateDetails.xml and blocks/header, shown in the attached screen shots. It worked and I see this position in the list of add module window.
The new position will be: height: 62 and width: 252, no padding, no border. But I don’t know how to write this specifications, and where to insert. (to be frank, I don’t coding)
Would any body help me to generate the code and tell me where to insert the code? I guess the code will go to css/template.css, but I am not sure where to put the code.

Thank you!

---

Attachments:

1. 
2. 
3. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#499102

Here are two tutorials that you may find helpful . . . .

HOW TO CREATE A NEW MODULE POSITION

HOW TO CREATE A NEW MODULE POSITION (for J3.0+)

Hope That Helps

😎

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#499128

You can read tips about how to create new position on JA Nex template as @tomc suggested or you can follow my solution to create new top-weather position in Top header

+ Open templates/ja_nex/blocks/header.php file
From

<?php if($this->countModules('social')) : ?>
<div id="ja-social">
<jdoc:include type="modules" name="social" />
</div>
<?php endif; ?>

change to


<?php if($this->countModules('social')) : ?>
<div id="ja-social">
<jdoc:include type="modules" name="social" />
</div>
<?php endif; ?>

<?php if($this->countModules('top-weather')) : ?>
<div id="ja-top-weather">
<jdoc:include type="modules" name="top-weather" />
</div>
<?php endif; ?>


+ Open templates/ja_nex/css/template.css file

Add new css script


#ja-top-weather {
float: right;
height: 62px;
width: 252px;
margin-right: 10px;
top: 22px;
position: absolute;
}


+ Go to Admin site -> Module Manager and create/assign new module appearing with top-weather position

Always remember to clear cache from the Admin area after apply any changes

[Author]

Posts