Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

footer margin in Joomla

Posted on 2010-11-30
2
Medium Priority
?
561 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 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

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

Question has a verified solution.

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

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
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 learn how to count occurrences of each item in an array.
Suggested Courses

927 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