Increasing Content Width for Liquid Layout

ronaldnztan

Hiya Daniel,

What custom CSS I should add if I want to increase the content width under the Liquid option in the portfolio? I'd like to increase the width to 840 px.

Air

.single-portfolio .inner-640{
width: 840px;
}

Should do the job.

Andrew881

I am trying to do the same. To Clarify I went to single.portfolio.php

But then I couldn't locate the .inner-640 {width: px}
Any help would be appreciated.
Thank you

Air

Andrew881 said: Clarify I went to single.portfolio.php

hmmm that was things to add in CSS not file name :-)

Just go to wp-content/themes/airlock/common/css/style-{light|dark}.css
and add above mentioned lines at end of file for example.

With regards.

Andrew881

That worked great for the text part of the page. Any ideas on how to get the photos in the liquid layout to get wider/larger? Like making the liquid layout of the photos part wider so the pictures get larger?

Thank you, your responses making purchasing this theme so much better!

Air

To change this you will have to edit default 455 width in several places:

advance/apollo13.php ~1868

$src = TPL_ADV . '/inc/timthumb.php?src=' . $slide['src'] . '&w=455&zc=1';

common/css/style-dark.css ~877

.liquid-item{
	width: 455px;

common/css/style-light.css ~861

.liquid-item{
	width: 455px;

common/js/script.js ~246

if($('#variant-liquid').length){
		$container_2 = $('#variant-liquid');
		$container_2.imagesLoaded(function(){
 			$container_2.masonry({
	    		itemSelector: '.liquid-item',
				columnWidth: 470,

in last line there is 470 (455width + 15 margin). Save margin when you edit this number.

With regards.