Joomla Templates Club 406,261 posts

[obliat Friend obliatJoin date: December 2010Posts: 416Downloads:12Uploads:64 Thanks: 108 Thanked: 31 times in 1 posts]

#160403

Please see picture for the exact location I’m talking about.

---

Attachments:

1. 

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

#378026

Dear obliat,

Can you post here your url ? I think you can achieve this just by change the style of module

[obliat Friend obliatJoin date: December 2010Posts: 416Downloads:12Uploads:64 Thanks: 108 Thanked: 31 times in 1 posts]

#378412

With pleasure, but it’s still a WAMP server localhost project.

You mean css styling or php mod?

[obliat Friend obliatJoin date: December 2010Posts: 416Downloads:12Uploads:64 Thanks: 108 Thanked: 31 times in 1 posts]

#379550

Hello dathq, can you be more specific on the module styling please. Thanks ahead.

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

#379563

Dear obliat,

Please let me know the current position where you placed the search module !

[obliat Friend obliatJoin date: December 2010Posts: 416Downloads:12Uploads:64 Thanks: 108 Thanked: 31 times in 1 posts]

#379876

As on the picture its in left position, just over the JA Events menu.
I’d like to move it in the main menu bar – it will fit perfectly there :).
Thanks again, please let me know.

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

#380000

Dear obliat,

I meant exactly the module position where you assigned the module on your back-end,Please check it on your back-end and let me know the module position.

[obliat Friend obliatJoin date: December 2010Posts: 416Downloads:12Uploads:64 Thanks: 108 Thanked: 31 times in 1 posts]

#380093

Well, that’s it – left position. What other position do you mean? Please see screenshot. If you’re asking what position I’d like to assign it to, then I am not sure if this spot is in a specific position, so I provided the screenshot in my first post. It’s just at the right end of the main menu bar that I want to fit Search filed into.

---

Attachments:

1. 

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

#380176

Dear obliat,

In this case you can create a new module position,For example you create a new position that name search-menu
You can so as following steps
1) Open the file of templatesja_eventsblocksmainnav.php,Look for this html tag
<div class=”ja-mainnav-mask”> </div>
And adding below it this snap of code
[PHP] <?php if($this->countModules(‘search-menu’)) : ?>
<div id=”ja-searchnav”>
<jdoc:include type=”modules” name=”search-menu” />
</div>
<?php endif; ?>[/PHP]

Then open the file of templatesja_eventscorethemesblackcsscolor.css,adding below css into the bottom of file

#ja-searchnav{
position:absolute;
right:45px;
top:25px;
}
#ja-searchnav .button {
background: none repeat scroll 0 0 #222222 !important;
}

#ja-searchnav .button {
background: none repeat scroll 0 0 #5292C9;
color: #FFFFFF;
display: inline-block;
height: 26px;
line-height: 26px;
padding: 0 5px;
text-transform: uppercase;
}
#ja-searchnav label {
display: none;
}

Now you can go to your back-end,assign the search module to the search-menu position,I think it would help.

4 users say Thank You to Sherlock for this useful post

1. obliat
2. Phill
3. jassy
4. phenomeno

[obliat Friend obliatJoin date: December 2010Posts: 416Downloads:12Uploads:64 Thanks: 108 Thanked: 31 times in 1 posts]

#380294

MAGIC !!!:):cool:

[bollog Friend bollogJoin date: March 2011Posts: 43Downloads:0Uploads:14 Thanks: 5]

#384351

Hi everyone,

I would like to do exactly the same (assign the search module into the right side of my main menu bar) but for JA Portfolio Template instead. Can you please direct me how to exactly because I searched for the ‘<div class=”ja-mainnav-mask”> </div>‘ into the ‘templatesja_portfolioblocksmainnav.php‘ file but could not locate it.

Regards,

George

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

#384441

<em>@bollog 231565 wrote:</em><blockquote>Hi everyone,

I would like to do exactly the same (assign the search module into the right side of my main menu bar) but for JA Portfolio Template instead. Can you please direct me how to exactly because I searched for the ‘<div class=”ja-mainnav-mask”> </div>‘ into the ‘templatesja_portfolioblocksmainnav.php‘ file but could not locate it.

Regards,

George</blockquote>

Dear bollog,

If you template is portfolio you can try to put that code under this line
[PHP] <?php if (($jamenu = $this->loadMenu())) $jamenu->genMenu (); ?>[/PHP]
on the file ‘templatesja_portfolioblocksmainnav.php’

Hope that would help !

[bollog Friend bollogJoin date: March 2011Posts: 43Downloads:0Uploads:14 Thanks: 5]

#384503

Dear dathq hi and thanks for your help.

Well I did as advised by adding the following code into the very bottom of the red-color theme ‘color.css’ file for testing since I could not locate where the default green-color theme color.css file is. I searched everywhere in the file folders but could not find any. Inside the theme folder I can only find blue, brown, orange and red color but not default green color. Could you please point me to the right css file for making changes to the default color theme too?

Also and very important as you may see in the attached file (results for red and default color), search module has changed its original design configuration parameters dramatically. It has a lot different layout even fonts being used now is different, is much smaller, not being in a right and center arrangment and icon has been disappeared. How would I make this look like before when being displayed in the original search position?

[PHP]/* Search Menu Module —*/
#ja-searchnav{
position:absolute;
right:45px;
top:25px;
}
#ja-searchnav .button {
background: none repeat scroll 0 0 #222222 !important;
}

#ja-searchnav .button {
background: none repeat scroll 0 0 #5292C9;
color: #FFFFFF;
display: inline-block;
height: 26px;
line-height: 26px;
padding: 0 5px;
text-transform: uppercase;
}
#ja-searchnav label {
display: none;
}[/PHP]

Please take into consideration that I tried few different modifications but with no result, and that am new to both Joomla and development.

Best regards,

George

---

Attachments:

1. 

[bollog Friend bollogJoin date: March 2011Posts: 43Downloads:0Uploads:14 Thanks: 5]

#384727

I have started a new thread here. Please respond there and consider this thread closed.

Thanks

[phenomeno Friend phenomenoJoin date: July 2011Posts: 43Downloads:2Uploads:12 Thanks: 13 Thanked: 3 times in 1 posts]

#400429

hi there, i need the same customization, but for deafult style, not black.
In core/themes there isn’t color.css for default theme.

please help
thanks

[Author]

Posts