Hi cmurway,
On inspecting in firefox the cause for the space s obvious.
First of all there is a margin-bottom:15px in your css file which is being applied to p tag, you need to reset all the margins.
Secondly there are two unnecessary line-breaks inside your footer div, need to remove those.
cheers..:)..
not sure how to reset any of those…hmm. Thanks anyway.
I am gonna download firebug
“I am going to download Firebug”….I didn’t like the way that looked…lol
Firebug is a very useful tool for editing pages and seeing how the changes effect the look of the website without actually changing the code. It also makes it easy to locate the specific elements you are wanting to change.
You can find the margin settings in your style.css file. You should only make changes in the child theme.
Read this on how to set up a child theme.
http://codex.wordpress.org/Child_Themes
Thanks but the theme has a “CSS editor” built in so there is no need to a child theme since nothing will get lost if there is an update.
can’t for the life of me figure this out….the stylesheets has zilch in it for me to change….any suggestions? Thanks. I had no problem setting up http://www.thefitnessclinician.com to my liking but http://www.theperfectrepetition is another story..lol.
Sincerely,
Craig
#footer {
text-align: left;
text-shadow: none;
margin-top: 8px;
border-radius: 6px 6px 6px 6px;
margin-bottom: 8px;
padding: 0px;
}
The above is what I found in FF inspect element.
Try pasting the following in the CSS (under Theme settings – to the far right) like this:
#footer {
margin-top: 0px;
}
Mayeb also put:
p {
margin-bottom: 0px;
}
Hi,
You need to do three things to reduce the space:
1.There are two extra <br> tags in your footer div, remove them.You can do this from inside your footer.php file
2.Remove the margin-bottom from p tag around line 45.
3.And there is a min-height property set to 10px remove it, its around line 47.
Cheers..:)..
Tried both and nada. Thank you though..trying to find the divider to remove.
I literally removed that space in FF with firebug easily by removing those br tags, removing margin on p tag and removing that min-height property.
wp-21 is right, removing the two
will solve your issue.
May I suggest something unrelated to your question? Your website is very informative, unfortunately it is extremely hard to read b/c you have way too much text and nothing to break it up. If you want people to read your site you might want to consider eliminating any unnecessary information.
For example, your FAQ page–I cannot differentiate between the questions and the answers. Consider using headings, bold, and spacing. And you should left align all your text. Center alignment is difficult to read. Here are a couple of links that offer some great insight to writing for the web.
http://www.nngroup.com/articles/how-users-read-on-the-web/
http://www.problogdesign.com/blog-usability/30-ways-to-improve-readability/
I forgot to use the code button:
removing the two <br> will solve your issue.
I am sorry WP-21 I was responding to Sarahwebs suggestion….my apologies…I will do what you suggested right now…thanks 😉
Thanks TXbed for your suggestions too…..much appreciated!
