Remove gap between content and primary sidebar

[Geek Dom]

I am new to Genesis, so 'playing' with the sample theme. One thing that is annoying me is not being able to figure out how to remove the gap between the content and primary sidebar. If I simply increase the content width, it messes up the responsive view. Is there a simpler way of doing this?

Thanks.

[Carlo]

Hi GeekDom. I hope I understand what you want to do.

Find the below code in your theme stylesheet:

.sidebar-primary {
	float: right;
	width: 360px;
}

and replace it with this:

.sidebar-primary {
	float: right;
	width: 400px;
}

Also, find the below code in your theme stylesheet:

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-primary,
	.title-area {
		width: 300px;
	}

and replace it with this:

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.title-area {
		width: 300px;
	}

	.sidebar-primary {
		width: 340px;
	}

Let me know if that's what you want.

---

Comprehensive, easy to follow Genesis documentation

[Geek Dom]

Hi Carlo,

Yes, that's what I a was wanting - the content and sidebar next to each other.

This works by increasing the sidebar width, but is it possible to remove the gap without making changes to the content or sidebar widths?

I think it might be related to 'containers/wraps' which I am still trying to figure out.

Thanks.

[Carlo]

Hi GeekDom. I think I know what you mean. Find this code:

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1200px;
}

replace with:

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1160px;
}

and find this code:

	.site-inner,
	.wrap {
		max-width: 960px;
	}

replace with:

	.site-inner,
	.wrap {
		max-width: 920px;
	}

---

Comprehensive, easy to follow Genesis documentation

[Author]

Posts