Portfolio single page, how to change image size « Support Forum | Kriesi.at

Support Forum » Flagship

Portfolio single page, how to change image size

2 posts from 2 voices

Started 8 months ago by michoscopic
Latest reply from Devin
This topic is closed
This topic is not a support question

Tags:

michoscopic
Member

Hello,

I refer to http://www.kriesi.at/support/topic/how-to-change-the-amount-of-space-the-portfolio-slideshow-takes-up

Also see http://www.reach.com.my/portfolio/ and http://www.reach.com.my/portfolio-item/pc-com/

I successfully resized the AJAX portfolio to 35.5% and 60.5%, and changed the thumbnail to show the magazine properly with the following code in my Quick CSS:

.inner_slide .two_third {
width: 35.5%;
}
.portfolio-entry.one_third {
width: 60.5%;
}
.isotope-item .inner-entry .slideshow_container .slideshow {
height: 265px!important;
overflow: hidden;
}

How do I apply this to the single-page portfolio (http://www.reach.com.my/portfolio-item/pc-com/) as well?

Thanks!

Posted 8 months ago #
Devin
Moderator

Hi michoscopic,

I would actually suggest doing both via editing the theme than with adding css. While the css option is much quicker, editing the actual files will give you less issues down the line.

Specifically, the ajax portfolio uses a percentage wide grid while the single page uses pixels which get adjusted based on the screen resolution (responsive). So setting the grids to a static size may have some odd effects.

If you just want to do this change, you can edit it in includes>loop-portfolio-single.php. Search for these individually:
<div class="eight units alpha min_height_1">
and
<div class="four units entry-content">

Since this is a 12 column grid, the slideshow is using eight and the content area is using four. So you could just reverse them by changing the eight to a four and the four to an eight and have pretty much what is done in the ajax portfolio.

If you want to continue on and change the ajax portfolio too, you can do the same kind of thing in functions-flagship.php. Search for:
echo "<div class='inner_slide'>";

Just below that are the two divs that contain the slider and the content. You could remove your css change that you have so far and instead just switch the classes(two_third and one_third).

Regards,

Devin

Posted 8 months ago #