Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

How you move my modules and menu items in Joomla

Posted on 2012-09-13
15
Medium Priority
?
397 Views
Last Modified: 2012-10-10
Hi

We have our website up and running quite well which is powered by Joomla of course, but there is one problem we cannot seem to fix. The space between the logo and the menu items are too far apart - i want to reduce the space that is separating the two and make it look more similar to the website example attached to this question. How do we do it?   Our website is (www.a1telecoms.co.za)

Please see attached JNG file

Thank You
Menu.png
0
Comment
Question by:shaunwingin
  • 9
  • 6
15 Comments
 
LVL 13

Expert Comment

by:Abhijeet Rananaware
ID: 38394605
Move search Module to top right position.


They you have to do modification to css to decrease the space.

Also do following modifications to your logo module code from module manager
<div id="logo_a1">
<div id="logo_new"><img src="/images/images%2016.jpg"></div>
<div id="logo_text">A1 Telecoms<br/>
Keeping You Talking,&amp; 4 Less!</div>

Open in new window


Css code in template.css
#logo_new{
	width:200px;
	float:left;
}
#logo_text{float:left;}
#logo_a1{width:400px;}

Open in new window


add above code in css.
0
 
LVL 13

Expert Comment

by:Abhijeet Rananaware
ID: 38394608
You can move modules using module manager.also you check module positions using following link to your site

http://www.a1telecoms.co.za/?tp=1
0
 

Author Comment

by:shaunwingin
ID: 38394727
Should i add both codes listed above without any replacements?
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
LVL 13

Expert Comment

by:Abhijeet Rananaware
ID: 38394743
You have to replace html code from your logo module,

You have to add css code in template.css without replacements
0
 

Author Comment

by:shaunwingin
ID: 38394831
Just add it randomly in the template.css there? or at a specific area?
0
 
LVL 13

Expert Comment

by:Abhijeet Rananaware
ID: 38394878
add randomly ,,,just dont add inside another block..

Safe way is to add at end of file..(last line of template.css)
0
 

Author Comment

by:shaunwingin
ID: 38394903
I did just that but nothing seem to have changed........
0
 
LVL 13

Expert Comment

by:Abhijeet Rananaware
ID: 38394920
You have not replaced html code in logo module with my code.
0
 

Author Comment

by:shaunwingin
ID: 38394936
#rt - logo? Is that the one i should replace?
0
 
LVL 13

Expert Comment

by:Abhijeet Rananaware
ID: 38394969
Noo........How have added your logo ?

according to me you have added it via Modulemanager > New> Custom Html

Go to module manager. you will see drop down filter at right top side.

From filer select position> Top A.

It filter down modules which are placed at Top A.

Once you filter , check logo module(Type of the module is Custom html) .Edit it and replace its code with my html code.
0
 

Author Comment

by:shaunwingin
ID: 38395049
Okay - i just added it and looks slightly better - now,to move the module items slightly higher up.
0
 
LVL 13

Accepted Solution

by:
Abhijeet Rananaware earned 2000 total points
ID: 38395068
you have not added
#logo_text{float:left;}

Then remove padding-top: 25px; from following block in template.css

#in-page-wraper-2 {
background: url(../images/background/content-background.png);
border: 1px solid white;
padding-top: 25px;
padding-bottom: 25px;
min-height: 500px;
}
0
 
LVL 13

Expert Comment

by:Abhijeet Rananaware
ID: 38395072
Also please move Search from modulemanager to new top position
0
 

Author Comment

by:shaunwingin
ID: 38397961
Okay,its coming on great...Now where do i add this code that you mentioned above?

#logo_text{float:left;}
0
 
LVL 13

Expert Comment

by:Abhijeet Rananaware
ID: 38398207
Template.css
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
Ready to get certified? Check out some courses that help you prepare for third-party exams.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Suggested Courses

564 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question