White space

[RICHARD ASQUITH]

Is there a way to remove the space between header image area and main content? (breadcrumbs/container fluid area???), also the space after the edit link and before the footer – I just have too much white space.

Thanks

[Sushil Adhikari]

Good morning….Not sure of the area you are referring to but will assume you mean the content and breadcrumbs area. The CSS that does this is around line 224 of the style.css file which looks like this:

#content-wrapper {
	padding:30px 0 50px;
	border-bottom:7px solid #bf7b7b;
	font-size: 12px;
	font-size: 0.750rem;
	line-height: 22px;
	line-height: 1.375rem;
	color:#787b7f;
}

The padding is the part that you want to override with your own custom CSS.

As for the space where the edit link is, hard to say because that is located in different positions, but the above method might help. Also, if you do not use the “edit” link (which only shows when you are logged in), you can disable that by going to Appearance >> Customize >> Basic Settings >> Hide Edit Link

[RICHARD ASQUITH]

Its the area with breadcrumbs in down to the top of the page title. Its the bit surrounding the “Showcase your Website in Style” etc part on the demosite. Basically I have the banner/slider part, then some images in the content area so don’t need the space set aside for breadcrumbs and main title area (call to action area??).

Would I just add the #content-wrapper part to the child theme and change the padding?

[Sushil Adhikari]

That will be the #content-wrapper. Correct, you would put your custom CSS for the padding in your child theme style.css.

[RICHARD ASQUITH]

Thanks – that did the trick

[Author]

Posts