Joomla Templates Club 406,261 posts

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#176108

Hi
I have a new module position in header. I wrote the name in template details, the details in header file in block folder, also wrote a simple css in template.css. My problem is the position, I can’t find the style for to align the module beside social module…The module always shows up.

The code in “header” file of block folder is (the name is “callcenter”):

<div class=”topheader clearfix”>

<?php if($this->countModules(‘callcenter’)) : ?>
<div id=”ja-callcenter”>
<jdoc:include type=”modules” name=”callcenter” />
</div>
<?php endif; ?>

<?php if($this->countModules(‘search’)) : ?>
<div id=”ja-search”>
<jdoc:include type=”modules” name=”search” />
</div>
<?php endif; ?>

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

the style is simple (in template.css)
#ja-callcenter { float: right; margin-right: 400px; margin-top: 15px; vertical-align: top;
}

¿what can happen?
I send an image

---

Attachments:

1. 

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

#448336

So that I may best try to assist you and provide you with concise guidance as to what you need to do within your template/site structure, please provide the url of the site you’re working on, as well as set “Optimize CSS” to “No” within your Template Manager–General Settings

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#448353

I send you a private message with the URL!

[henrik1782 Friend henrik1782Join date: October 2011Posts: 109Downloads:0Uploads:35 Thanks: 20 Thanked: 5 times in 1 posts]

#448387

Hi TomC

I have setup a net position in header for a paypal donation module. But I cant figure out how to align the module to top of position. Appreciate your help…

#ja-donate { z-index: 11; float: right; height: 60px;}

---

Attachments:

1. 
2. 

[henrik1782 Friend henrik1782Join date: October 2011Posts: 109Downloads:0Uploads:35 Thanks: 20 Thanked: 5 times in 1 posts]

#448389

Ok.. think I got it. Changed to

#ja-donate {
padding: 0;
border: none;
display: block;
position: absolute;
right: 10px;
bottom: 45px;
z-index: 11;
width: 130px;
height: 60px;
}

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#448735

With this I can resolve the position trouble, only with css. Thanks.

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

#448754

So this issue has been resolved ??

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#448757

yes, I completed the css style like the prev post:

#ja-callcenter {
padding: 0;
border: none;
display: block;
position: absolute;
right: 400px;
bottom: 3px;
z-index: 11;
float: right;
width: 135px;
height: 64px;

}

Now is good..!

[Author]

Posts