Solved

footer margin in Joomla

Posted on 2010-11-30
2
551 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
  • 2
2 Comments
 
LVL 1

Accepted Solution

by:
alanmsl earned 500 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

770 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