Joomla Templates Club 406,261 posts

[jonnz Friend jonnzJoin date: February 2012Posts: 35Downloads:10Uploads:6]

#174893

Hi. In the top panel the newsticker and the search are sitting above each other. How do I get the search to sit on the right, and go black with a logo not a button. Thanks..
http://www.pnghs.school.nz/jla/jupgrade/index.php/en/

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#443136

Hi Jonnz,

I see that your template.css file is missing some css parts for top-panel section, you should upgrade your template using the JA extension manager or re-install normally. That should help.

Please take backup before you do the same.

[jonnz Friend jonnzJoin date: February 2012Posts: 35Downloads:10Uploads:6]

#444469

Downloaded the latest template.css file and uploaded, replacing the original and…… no change.

[sir2001 Friend sir2001Join date: September 2011Posts: 8Downloads:0Uploads:1 Thanks: 2]

#444525

As Dat said, at a first sigth, it looks likes some parts of the template.css are missing, but after taking a deeper look inside the page code, I guess the issue is provoqued by an incorrect class assigment.

In your page code I saw the following:

<form class="search-search" method="post" action="/jla/jupgrade/index.php?lang=en" style="float:right;">
<label for="mod-search-searchword">Search...</label><input type="text" onfocus="if (this.value=='Search...') this.value='';" onblur="if (this.value=='') this.value='Search...';" value="Search..." size="20" class="inputbox-search" maxlength="20" id="mod-search-searchword" name="searchword"><input type="submit" onclick="this.form.searchword.focus();" class="button-search" value="go"> <input type="hidden" value="search" name="task">
<input type="hidden" value="com_search" name="option">
<input type="hidden" value="579" name="Itemid">
</form>

In ja_methyscsstemplate.css you can find the following:

form.search {
float: right;
}

It seems that you added a “Module Class Suffix” (-search) in Search Module configuration, and there is no CSS style for that “new class”.
So, if you want to see the module aligned to the right, the solution is quite simple, delete the “Module Class Suffix” (I have tried it editing online your code with Firebug and it worked).

I hope it helps!!

[jonnz Friend jonnzJoin date: February 2012Posts: 35Downloads:10Uploads:6]

#444678

Thanks, that was part of a solution from another template.

[Author]

Posts