[kpax]

I host a blog for my friend http://sciezkadriady.pl/
She asks me if she can get more width for text, for example by making a sidebar narrower or shorten distance to sidebar or make everything wider. Is it possible?
BTW thanks @Sakin for two CSS codes I found here and already deployed, work great 🙂

[Sakin]

@kpax: To increase the width of the content and decrease the width of the sidebar. We need to consider all the responsive design. So, I will give you the default one and then you can adjust the width as per you need. The following CSS can be added in “Appearance => Theme Options => Custom CSS” box.

#primary { width: 754px; }
#secondary { width: 406px; }
@media screen and (max-width: 1224px) {
	#primary { width: 654px; }
	#secondary { width: 340px; }
}
@media screen and (max-width: 1060px) {
	#primary { width: 530px; }
	#secondary { width: 340px; }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#primary { width: 590px; }
	#secondary { width: 340px; }
}	
@media screen and (max-width: 960px) {
	#primary, #secondary { width: 100%; }
}

[kpax]

great! thanks for the tools, we’ll play with them to find what’s needed 🙂

[Author]

Posts