Jump to content
Sign in to follow this  
janpeeters

More footer with very small height

Recommended Posts

janpeeters+    31
janpeeters

Hi, After the 2.2. update my CSS got messed up a bit, so I'm busy reparing and also trying to do things more thorough and lean. At the bottom of the page behind the URL I have a morefooter with a very small height. This height was about the height of the social-icons with a padding of about 7px. But I'm not sure how to get it back like it was. The first bit of code is wat I used to diminish the height, the others to control the paddings. To not see the default WP widget content I've placed widgets in the middle and right morefooter with no text just a space. (I don't know who even thought it might be handy to have default content like a calendar and so). Can I turn that off somewhere? Anyway, I hope someone can have a look because with Firebug I don't succeed. Thanks. Jan

.morefoot-col-pad blocks {
		min-height: 0px;
		}
	
	.morefoot .widget-pad {
	    padding: 5px;
	    }
	
	.section-morefoot .content-pad {
	    padding: 7px;
	    padding-left: 15px;
	}

Share this post


Link to post
Share on other sites
Rob    547
Rob
Jan, we have an update coming soon that should repair many CSS breaks. Would you prefer to wait a day? My concern is that when the update comes, it could make the solution we apply now break again.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
janpeeters+    31
janpeeters
Hi Rangelone, Sorry it took me a bit to get back to you. I applied the 2.2.1 update and it didn't solve it. Maybe I did something else wrong but I can't think back what that might have been. Do you think you can have a look? Thanks, Jan

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi Jan, Is this issue now resolved, as I have visited your website and the Morefoot area seems to be as far as I can the height you wanted. If this is not correct, would it be possible to provide an image displaying the correct height please.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
janpeeters+    31
janpeeters
Hi Danny, No sorry it's not resolved. I can't give you a screenshot, since it's gone, but I can explain: The margin on the top of the social icons should be the same height as the margin below the icons. So the whole footer should have a slightly reduced height. I had to input empty text-widgets in the footer to not see the default Wordpress widgets like a calendar (whoever thought that would be handy I don't know?) I don't know of another way but maybe this prevents the heights of the footer form being even smaller than it is at the moment. Does this make things more clear? Thanks, Jan

Share this post


Link to post
Share on other sites
janpeeters+    31
janpeeters
Hi Catrina, Thanks for your code, but it doesn't change a thing. Can it be that some items in the footer have a minimum height in Framework? I've not been able to find such a thing, but maybe you know. Thanks, Jan

Share this post


Link to post
Share on other sites
Rob    547
Rob
Jan, try this [code].icons { height: 32px; line-height: 1px; position: absolute; text-align: right; }[/code]

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
janpeeters+    31
janpeeters
Hi Rangelone, thanks, I added padding-right: 9px; now everything is nicely centered vertically, but still the margins top and bottom are to big. I'd like the top and bottom to be 9px (or something like that) either. It seems that some object has a min height but I can't find it. it could be the empty widgets that I placed but without them Framework fills them up with default content, not something I want. Jan

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
Have you downloaded Firebug for Firefox or used Chrome's inspection tools? You can locate the exact area you want to change much easier than we can since sometimes communication gets lost and we can't tell what exactly needs fixed. :) All of the padding for that area is: morefoot section padding all the way around pagelines grid padding all the way around Fix those 2 and you will have 0 padding on all sides.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
janpeeters+    31
janpeeters
Hi Jenny, I'm using Firebug 24/7 and I couldn't find it with it. But with your instruction on the morefoot and pagelines grid I started from scratch. The following code saved my day ;-) [code] .section-morefoot .content-pad { padding: 0px; padding-left: 15px; } .section-morefoot .widget-pad { padding: 0px; } .icons { height: 21px; padding-right: 9px; } [/code] Thanks for all your help, Catrina, Jenny, Rangelone and Danny! Jan

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×