WordPress Theme Tweaks: Liquorice and Responsive Layout

I’m so far loving the Liquorice theme: it’s warm, it has great typography, and it displays full posts in the archives.

But I simply wasn’t satisfied with the width. Here’s the custom CSS recipe I used for widescreen, less widescreen, and small screen.

#canvas {
	width:1150px;
}

#primary-content {
	width:715px;
}

#secondary-content {
	width:300px;
}

@media screen and (max-width: 1240px) {
	#canvas {
		width:96%;
		padding:1%;
	}
	
	#primary-content {
		width:62%;
		margin:1%;
		padding:1%;
	}
	
	#secondary-content {
		width:26%;
		margin:1%;
		padding:1%;
	}
}

@media screen and (max-width: 800px) {
	#canvas {
		width:92%;
		padding:0%;
	}
	
	#primary-content {
		width:92%;
	}
	
	#secondary-content {
		width:92%;
	}
}
About these ads