Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

footer margin in Joomla

Posted on 2010-11-30
2
Medium Priority
?
559 Views
Last Modified: 2012-06-21
can someone help me, I am trying to reduce the margin on the footer of my joomla page, which is user3 module position,  I have tried modifying index.php on the template I am using and template.css file but I can't find a way to decrease the white space please see the attached doc.

Thanks
footer-margin.doc
0
Comment
Question by:TonyReba
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
2 Comments
 
LVL 1

Accepted Solution

by:
alanmsl earned 2000 total points
ID: 34240413
I don't know the package in question but most times I encounter this problem a margin has crept into a nested div and is pushing everything else out.

Looks like it might be part of your main content structure. Find the highest container div around your content (use Firebug's 'breadcrumbs' if in doubt) and experiment with a rule like
div.nameofdivhere div { 
margin-bottom: 0 !important; 
} 

Open in new window


That'll wipe all the bottom margins for all the divs around your page content. If that fixes this problem (be aware it'll probably also mess up a load of other stuff), you can delete this test rule and start digging to find the problem element and change it. Also try setting margin-top to 0.
0
 
LVL 1

Expert Comment

by:alanmsl
ID: 34240462
(to clarify: I suspect that it might not be a part of the footer that's causing trouble, but a wrapper for the page content that is pushing the footer element down, possibly with a negative margin)
0

Featured Post

[Webinar] How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them.

Question has a verified solution.

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

Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
Ready to get certified? Check out some courses that help you prepare for third-party exams.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

730 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