White area below page-canvas

[studentkrubb 0]

Hi, I'm trying to remove the white area below page-canvas. It is not part of the footer, and I've tried to locate it using firebug but without any luck. Live link: http://nysida.studentkrubb.se Any possible solutions?

[cmunns 16]

Joakim it looks pretty tight to me did you figure this out?

[studentkrubb 0]

Afraid not, still have a 1 cm high line running across the bottom and I don't know what to do

[bryan-hadaway 3]

I think this is the problem: ` .canvas #page, .full_width #page, body.fixed_width { background-image: url(" ' alt='' class='ipsImage' width="1000px" height="726px">"); } ` when instead you want: ` body { background-image: url(" ' alt='' class='ipsImage' width="1000px" height="726px">"); } ` Thanks, Bryan

[studentkrubb 0]

That seems very likely! How do I best go by changing this? I tried changing the 'site design mode' to 'fixed-width design framework' but that also generated spacing above and below page-canvas and I want the canvas to meet the vertical ends of my site. Thanks!

[Kate 3]

Hi Joakim, You can add the code Bryan gave you to "Custom Code->Custom CSS".

[studentkrubb 0]

Thanks! How can I adjust the vertical/horizontal position using css coding?

[studentkrubb 0]

Figured it! However, now the white line along the bottom is replace with the overall background. How can I stretch the page-canvas to cover that part? Live link: http://nysida.studentkrubb.se

[cmunns 16]

You would need to assign a min-height to any of the elements to extend it further. You won't see this for example if you use a smaller computer screen

[studentkrubb 0]

Okey! But... How come the page-canvas meet the top of the browser but not the bottom? Top (meets the top as supposed): Bottom (leaves a gap when it shouldn't): How can I solve this? Live link: http://nysida.studentkrubb.se Thanks!

[cmunns 16]

The entire HTML page stops there so that is not theme related or at least not default. Might be a js script leaving markup or space somehow

[studentkrubb 0]

Okey, trying to locate it but it's awful tricky! Any tips?

[bryan-hadaway 3]

Try disabling plugins, have you perhaps adding Google Analytics? Maybe incorrectly? Thanks, Bryan

[studentkrubb 0]

No success, been spending several hours. Thanks!

[catrina 103]

Is there any other additional code that might've caused it?

[studentkrubb 0]

I've viewed the source, tried to locate possible markups using firebug etc. but without luck. Live link: http://nysida.studentkrubb.se Any guesses?

[catrina 103]

I've searched, too, but I can't seem to find the source of the problem. Perhaps there might be a way to make it transparent, but I still have to keep looking for the CSS that's controlling it...

[studentkrubb 0]

Appreciate your help alot! This is my first site so obviously I spend more time than what I get back in results! I'll keep looking... Perhaps some of this might help: My custom css coding:

#primary-nav li.current_page_item a {color:#709328;}
	
	body.category #feature_slider {display:none;}
	body.home #theloop {display:none;}
	body.home #pagelines_content {display:none;}
	body.home #pagination {display:none;}
	body.search #feature_slider {display:none;}
	body.single-post #feature_slider {display:none;}
	.page-id-4825 #pagelines_content {display:none;}
	
	a:hover, #featurenav a.activeSlide {
	color: #709328;
	}
	
	.tcolor1, #subnav ul li a:active, .commentlist cite a, #breadcrumb a, .metabar a:hover, .post-nav a:hover, .post-footer a, #buddypress-page #object-nav ul li a, #buddypress-page table.forum .td-title a, #buddypress-page #subnav a:hover, #buddypress-page #subnav li.current a, #twitterbar a, #carousel .carousel_text, #dsq-content .dsq-request-user-info td a, #pagination .wp-pagenavi a:hover, #pagination .wp-pagenavi .current, #primary-nav .main-nav li a:hover, #featurenav a.activeSlide {
	color: #709328;
	}
	
	#feature-footer, .main-nav li.current-page-ancestor a, .main-nav li.current_page_item a, .main-nav li.current-page-ancestor ul a, .main-nav li.current_page_item ul a, #wp-calendar caption, #buddypress-page #subnav, #buddypress-page .activity .activity-inner, #buddypress-page table.forum th, #grandchildnav.widget, blockquote, input, textarea, .wp-caption, .widget-default, .commentlist .alt, #wp-calendar #today, #buddypress-page div.activity-comments form .ac-textarea, #buddypress-page form#whats-new-form #whats-new-textarea, .post-nav, .current_posts_info, .post-footer, #twitterbar, #carousel .content-pad, .success, .sf-menu li li, .sf-menu li li, .sf-menu li li li {
	background: #FFFFFF;
	}
	
	a:hover, .commentlist cite a:hover, #grandchildnav .current_page_item a:hover, .headline h1 a:hover {
	color: #709328;
	}
	
	#page, #dynamic-content {
	    min-height: 0;
	}
	
	#footer {display:none;}
	
	body {
	    background-image: url("http://media.nysida.studentkrubb.se/2011/03/kok1.png");
	    background-repeat:no-repeat;
	    background-position: center center;
	}
	
	#page {
	    background-image: url("http://media.nysida.studentkrubb.se/2011/03/skuggning.png");
	    background-repeat: repeat-y;
	    background-position: top center;
	}
	
	body #page{background-color:transparent}
	
	body .sf-menu li, #primary-nav ul.sf-menu a:focus {
	background-color: transparent;
	}
	
	.tcolor2, .lcolor2 a, .subhead, .widget-title, .post-edit-link, .metabar .sword, #branding .site-description, #callout, #commentform .required, #postauthor .subtext, #buddypress-page .standard-form .admin-links, #wp-calendar caption, #carousel .thecarousel, #pagination .wp-pagenavi span.pages, .commentlist .comment-meta a, #highlight .highlight-subhead, .content-pagination span, .content-pagination a .cp-num, .searchform .searchfield {
	    color: #709328;
	}
	
	searchform .searchfield {
	    font-family: arial,"Helvetica Neue",Helvetica,sans-serif;
	    font-size: 11px;
	    height: 13px;
	    padding: 7px 30px 5px 7px;
	    width: 170px;
	}

Link to CSS validator: http://jigsaw.w3.org/css-validator/validator?uri=http://nysida.studentkrubb.se&profile=css21&usermedium=all&warning=1&vextwarning=〈=en

[kastelic 6]

Hey, I'm on a laptop and cannot see the problem. Is it only happening on the homepage?

[studentkrubb 0]

Hey, I'm afraid not. There are a 1 cm high spacing along the bottom of every page.

[catrina 103]

The problem is probably somewhere in here:

#feature-footer, .main-nav li.current-page-ancestor a, .main-nav li.current_page_item a, .main-nav li.current-page-ancestor ul a, .main-nav li.current_page_item ul a, #wp-calendar caption, #buddypress-page #subnav, #buddypress-page .activity .activity-inner, #buddypress-page table.forum th, #grandchildnav.widget, blockquote, input, textarea, .wp-caption, .widget-default, .commentlist .alt, #wp-calendar #today, #buddypress-page div.activity-comments form .ac-textarea, #buddypress-page form#whats-new-form #whats-new-textarea, .post-nav, .current_posts_info, .post-footer, #twitterbar, #carousel .content-pad, .success, .sf-menu li li, .sf-menu li li, .sf-menu li li li {
	background: #FFFFFF;
	}

One of the selectors might be causing that white line to appear. Do you think there is anything in the code that's removable without affecting other elements?

[studentkrubb 0]

I'm afraid that's not it. The line is no longer white but transparent. It got that way when I added a background. Gonna keep looking... Thanks!

[catrina 103]

Hm, I still see that it's white...

[studentkrubb 0]

Yes, before it cut off the background color entirely drawing a white line, now it shows the bottom part of the background img which is white

[Kate 3]

To me it appears it's the last script being called: http://nysida.studentkrubb.se/wp-content/themes/platformpro/js/calluna.font.js?ver=3.1 It looks like it's generating the entire site again.