Change sidebar width and Homepage double Portolio space!

Comments

• georgecm

  April 2012 Posts: 8

  I also need to know if there is a way to add a specific category to a portfolio post.
  
  I mean, like the "post_image_1" custom tag, if there is a way to find a category's name.
• Air

  April 2012 Posts: 10,970

  1. Sidebar
  For sure you have to adjust width here (in CSS):

  
  .widget-area{
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 200px;
  	border-top: 1px solid #e0e0e0;
  	padding: 32px 0 0; 
  }
  

  and margin here

  
  .sidebar-right #content {
      margin-left: 0;
      margin-right: 240px;
  }
  
  #content {
      border-top: 1px solid #E0E0E0;
      margin-left: 240px;
      padding: 30px 0;
      position: relative;
  }
  

  Pay attention that margin is 40px wider then width.
  
  About portfolio : I don't know how exactly I could help you, so try reading this thread and maybe it will help you(you can always search forum for 'portfolio' topics)
  http://support.apollo13.eu/discussion/comment/898#Comment_898
  
  with regards.
• georgecm

  April 2012 Posts: 8

  Thank you, this is very helpfull but...
  
  Can I change at once both light and dark?
  
  Also, can you tell me what should I change, in order to change Portfolio thumb width from 242px (?) to 150px?
  
  Sorry I ask to much, but this is a very complicated theme!
• georgecm

  April 2012 Posts: 8

  I need an aswer fast, pleaseeeee ))
• Air

  April 2012 Posts: 10,970

  "Can I change at once both light and dark?"
  
  Nope. Need to paste new code to each style sheet individually.
  
  About width od thumbs http://support.apollo13.eu/discussion/179
  Unfortunately we have made bad code for changing width of thumbs.
  
  But lets make it real:
  1. airlock/common/js/scripts.js ~225

  
  /******* PORTFOLIO ELASTIC **********/
  	if($('.portfolio-elastic .item').length){
  		$container_1 = $('.portfolio-elastic');
  		$container_1.imagesLoaded(function(){
   			$container_1.masonry({
  	    		itemSelector: '.item:visible',
  				columnWidth: 240,
  				isAnimated: !Modernizr.csstransitions,
  				animationOptions: {
  					duration: 750,
  					easing: 'linear',
  					queue: false
  				}
  			});
  		});
  	}
  

  You will have to adjust columnWidth in here if you wish smaller gap between items.
  
  2. airlock/loop-portfolio.php ~71

  $apollo13->portfolio_top_image_video( 220, $item_height ); 

  change 220 to desired width of image
  
  3. Edit each style sheet and find

  
  .portfolio-elastic .item{
  	width: 220px;
  	margin-left: 20px;
  	margin-bottom: 20px;
  }

  Change width to width of image setted in point 2.
  
  This should do the trick.
• georgecm

  April 2012 Posts: 8

  This was very helpful!!!
  
  Something last I think..
  
  In a portfolio page, when I click the X button, it redirects me to the site.com/HOME page...
  
  I realy want to go to site.com...
  
  What should I change?
  
• Air

  April 2012 Posts: 10,970

  Post live link, or send me by private message(here on forum) access to your wordpress so I could check.
  
  With regards.