Joomla Templates Club 406,261 posts

[frankiep Friend frankiepJoin date: November 2007Posts: 20Downloads:0Uploads:0 Thanks: 2]

#144295

Hi-

I added another search module and tried to center the logo so now I have

search2 – logo – search (both now contain advertisements)

I thought I could just add a margin to the bottom search then add another module directly under search & search 2 but whether I add margins to the top or bottom, the second module is just hugging the bottom or the upper module.

Here is what I did:

changed index.php to:

<div id=”ja-uppernav” class=”wrap”>

<div class=”main clearfix”>

<jdoc:include type=”modules” name=”uppernav” style=”raw” />

</div></div>

<div id=”ja-header” class=”wrap”>

<div class=”main clearfix”>

<?php if ($this->countModules(‘user16’)) { ?>

<div id=”ja-search2″>

<jdoc:include type=”modules” name=”user16″ style=”raw” />

</div>

<?php } ?>

<?php

$siteName = $tmpTools->sitename();

if ($tmpTools->getParam(‘logoType’)==’image’) { ?>

<h1 class=”logo”>

<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $siteName; ?></span></a>

</h1>

<?php } else {

$logoText = (trim($tmpTools->getParam(‘logoText’))==”) ? $config->sitename : $tmpTools->getParam(‘logoText’);

$sloganText = (trim($tmpTools->getParam(‘sloganText’))==”) ? JText::_(‘SITE SLOGAN’) : $tmpTools->getParam(‘sloganText’); ?>

<h1 class=”logo-text”>

<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $logoText; ?></span></a>

<span class=”site-slogan”><?php echo $sloganText;?></span>

</h1>

<?php } ?>

<?php if ($this->countModules(‘user4’)) { ?>

<div id=”ja-search”>

<jdoc:include type=”modules” name=”user4″ style=”raw” />

</div>

<?php } ?>

</div>

</div>

<!– //HEADER –>

Then I changed the template.css like this:

/* search */

#ja-search {

float: right;

margin-top: 10px;

margin-bottom: 10px;

padding-bottom: 20px;

}

#ja-search2 {

float: left;

margin-top: 10px;

margin-bottom: 10px;

margin-right: 115px;

padding-bottom: 10px;

}

h1.logo a {

background: url(../images/logo.png) no-repeat;

display: block;

height: 107px;

width: 216px;

float: left;

}

If you look at my website http://www.islandspot.com you can see the problem. I notice when I try to view the css info in forefox it no longer says ja-search when I hover over the module so I am thinking I may have made an error somewhere in the index.php but for the life of me I can’t figure out how to fix it.

Would you know how I can add padding between the upper and lower search modules?

Thanks!
Fran

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#317733

Hi frankiep

Please try to do with my guider:

Open templates/ja_sulfur/css/template.css file, at about line 1915, find following code:

#ja-search2 {
float:right;
margin-bottom:10px;
margin-right:45px;
margin-top:10px;
padding-bottom:10px;
}

and change to:

#ja-search2 {
float:left;
margin-bottom:10px;
margin-right:45px;
margin-top:10px;
padding-bottom:10px;
}

+ at about line 1961, find following code:

h1.logo, h1.logo-text {
float:left;
font-size:100%;
letter-spacing:1px;
margin:0;
padding:15px 0;
}

and change to:

h1.logo, h1.logo-text {
font-size:100%;
letter-spacing:1px;
margin:0;
padding:15px 0;
position:absolute;
top: 10px;
left: 550px;
}

[frankiep Friend frankiepJoin date: November 2007Posts: 20Downloads:0Uploads:0 Thanks: 2]

#317770

Thanks! But what about the space between the advertisement and the search box. I can’t seem to create space between the two and I am not sure what I am doing wrong. I’ve added padding to the bottom but that does not seem to be working. Any suggestions?

Thanks!
Fran

[ganzuelo Friend ganzueloJoin date: January 2009Posts: 152Downloads:0Uploads:0 Thanks: 23 Thanked: 7 times in 1 posts]

#318216

He tagged this answered so you probally will not get any responses back.

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#318218

<em>@frankiep 145199 wrote:</em><blockquote>Thanks! But what about the space between the advertisement and the search box. I can’t seem to create space between the two and I am not sure what I am doing wrong. I’ve added padding to the bottom but that does not seem to be working. Any suggestions?

Thanks!
Fran</blockquote>

Hello,

Can you please post a live url to see? I am not able to comprehend what the problem is!

Regards,
Mihir Chhatre.

[frankiep Friend frankiepJoin date: November 2007Posts: 20Downloads:0Uploads:0 Thanks: 2]

#319538

Thanks Mihir,

Here is the URL. http://www.islandspot.com

Best,
Fran

[Author]

Posts