× Support for Joomla 2.5 templates is discontinued. This forum category is read-only.

Can the search module be overlapped with logo?

More
8 years 3 months ago #1173 by tcss
tcss created the topic: Can the search module be overlapped with logo?
Hi,

I'd like to have the picture (888x82) png file with logo and slogan text in white color (or transparent) background at the top and keeping the search box (jm-business-marketing search module) in the position-0 but aligned with picture bottom and moved to central position. Is it possible that the search box be overlapped with the picture in the same white color background?

In the css/layout.css, I've modified the position as follows

#jm-search {
float: right;
margin-top: 40px;
margin-right: 300px;

}

How can I change the parameter in the logo and search module so that the search box can be overlapped and aligned with the picture bottom but not shown in different level?:(

Best Regards
tcss

Please Log in or Create an account to join the conversation.

More
8 years 3 months ago - 8 years 3 months ago #1179 by marcin
marcin replied the topic: Re: Can the search module be overlapped with logo?
Hi,

You can get this by adding the "position: relative;" style for the "#jm-top" div and the "position: absolute;" style for the "#jm-search" div ("float: right;" in this case is unnecessary). Now you can easily change the position of the "#jm-search" div in the relation to the "#jm-top" div dimensions, just enter a proper value for a top, left, right or bottom style. For example:
#jm-search {
	position: absolute;
	top: 40px;
	right: 300px;
}

Is that what you were asking for?
We highly recommend to use the Firebug extension for Firefox browser, with this tool you can easily inspect any part of the website and check for the code or css styles.

BR,
Marcin
Last Edit: 8 years 3 months ago by marcin.

Please Log in or Create an account to join the conversation.

More
8 years 3 months ago #1196 by tcss
tcss replied the topic: Re: Can the search module be overlapped with logo?
Marcin,

Thanks!:lol: I'm still learning the Firebug tool and try to modify the template to fit my requirement.

Best Regards
tcss

Please Log in or Create an account to join the conversation.

Time to create page: 0.180 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.