3 column portfolio does not work with square or vertical images

(20 posts) (5 voices)

1. 

   colorit
   Member

   Hi,

   I would like to use the 3 column portfolio like at your demo page here:
   http://themes.mysitemyway.com/awake/galleries/portfolio-2/

   Images from this portfolio page should link to a certain category's blog posts.
   So far, so good: it works for horizontal images.

   But square images and vertical images fail:

   at the blog post of this portfolio image, this image is stretched over the whole width of the template, although it is a vertical or square image - looks horrible.

   I cannot use NextGen gallery for this portfolio, because each preview image of such a 3-column-portfolio-page should link to a category's single post.

   Or do you have another suggestion for me?

   Thanks.

   Posted 1 year ago #
2. 

   Elliott
   Support

   Hello colorit,

   From what I understand you want to change the image dimensions for your portfolio's correct? Let us know if this is what you are wanting and we will walk you through the process.

   Posted 1 year ago #
3. 

   colorit
   Member

   Yes and no ...

   The images of the portfolio page, where 3 images are in one row, is ok.

   But when I made such a "portfolio" as mentioned in your docu, then when I click at "read more" beneath such a portfolio image, then in the post, that appears now, the image is enlarged over the whole template's width, instead of showing correct vertical or square format.

   Or in short:

   I would like to build a portfolio like here
   http://themes.mysitemyway.com/awake/galleries/portfolio-2/

   but I would like to use there vertical and square images (I show there paintings) within this 3 column portfolio overview.
   And: when clicking at "read more", than the post should show the right dimensions of the painting, no regard if it is a square, horizontal or vertical format ... just show it right.

   Sorry for my bad English, I hope I had explained it right ...

   Posted 1 year ago #
4. 

   colorit
   Member

   First image attached show the portfolio overview page, which is ok.

   Second image attached shows, that the post shows the picture in a horizontal format, although the picture, I would like to show is a square format - see screenshot.

   

   Attachments

   1. x2.jpg (79.1 KB, 0 downloads) 1 year old
   2. x1.jpg (84.1 KB, 0 downloads) 1 year old

   Posted 1 year ago #
5. 

   Elliott
   Support

   In this case colorit it would be easiest to just disable the image and insert your own with a frame.

   To do this when you edit your post check the "Disable Fullsize Portfolio Image" option near the bottom so it will not display.

   And then when you write your post you can insert your image at the top with the frame shortcodes like so..

   [frame_center][/frame_center]

   Let us know if this is what you are trying to do.

   Posted 1 year ago #
6. 

   colorit
   Member

   No, it does not work unfortunately, because if I disable the large portfolio image in the post and inserting it with a frame in the post, then the portfolio overview page does not show this portfolio item any longer :-(

   Obviously, the portfolio overview page (= I mean the page with the 3 columns), looks, if there is a post with the portfolio image enabled, and if not, it does not show this post in the overview page.

   Is there a solution for it?
   Thanks.

   Posted 1 year ago #
7. 

   colorit
   Member

   ok, I got it!

   I had deleted the image path at the post at "Portfolio Fullsize Image", but this seems to be absolutely necessary.

   Solution:

   So, I put the path of the portfolio image again at "Portfolio Fullsize Image" and disable this: "Disable Portfolio Fullsize Image - Check to disable fullsize image on portfolio blog post".

   In post I put the image in the text area like this: [frame_center alt="" title=xxxx"]http://die-seiltaenzerin.de/wp/wp-content/uploads/2010/12/blattwerk.jpg[/frame_center]

   Works fine :-)
   Thanks.

   Posted 1 year ago #
8. 

   Iguazu67
   Member

   I am working with the inFocus theme. I have followed these instructions to get a vertical photo in my post. It works great, however, it seems there is no option in this theme to "Disable Fullsize Portfolio Image", so the default image continues to display at the top of my post. Am I missing something in my post settings? Or is there another way to "disable" the Fullsize Portfolio Image" from the post in the inFocus theme?

   Posted 1 year ago #
9. 

   Elliott
   Support

   Hello Iguazu67,

   Open up /wp-content/themes/infocus/lib/includes/template-portfolio-single.php and on lines 171 - 176 you should see this,

   <div id="image_loader_1">
   	<div class="portfolio_single_pic">
   		<div class="loading_gallery_post"></div>
   			<span class="rm_portfolio_img noscript"><img title="portfolio1" src="<?php echo $portfolio_full; ?>" alt="" /></span>
   		</div>
   	</div>

   You can delete those lines to get rid of the fullsize image when visiting your post. Let us know if this is what you were wanting Iguazu67.

   Posted 1 year ago #
10. 

    Iguazu67
    Member

    It appears that your suggestion completely removes the "Portfolio Fullsize Image" from the site. I would like the fullsize image to appear in each post. However, I have a few vertical photos that I would like to display vertically at the top of the post. I am able to create the vertical frame as per your instructions. You wrote:

    In this case colorit it would be easiest to just disable the image and insert your own with a frame.
    To do this when you edit your post check the "Disable Fullsize Portfolio Image" option near the bottom so it will not display.
    And then when you write your post you can insert your image at the top with the frame shortcodes like so..
    [frame_center][/frame_center]

    However, I cannot find an option to "Disable Fullsize Portfolio Image" on an individual post so that only my vertical frame shows up.

    To sum up: I would like to be able to have the normal functioning of the Fullsize Portfolio Image at all times except when I have a vertical image to display.

    Does that make sense?

    Posted 1 year ago #
11. 

    Elliott
    Support

    Are you using inFocus or Awake? With Awake you there is an option to disable the fullsize image on your post but inFocus does not currently have this feature.

    What we can do is use a custom field where you can choose which posts to disable the image.

    Let us know which theme you are using and we'll give you more instructions.

    Posted 1 year ago #
12. 

    Iguazu67
    Member

    That sounds great!
    I am using the inFocus theme.

    Posted 1 year ago #
13. 

    Elliott
    Support

    Alrighty, open up /wp-content/themes/infocus/lib/includes/template-portfolio-single.php and on line 171 you should see this,

    <div id="image_loader_1">

    Go ahead and change it like this,

    <div id="image_loader_1" <?php if (get_post_meta($post->ID, 'hide_fullsize_img', true)) { echo 'style = "display: none;"'; } ?>>

    And then in each post where you want to disable the fullsize image create a new custom field with a name of "hide_fullsize_img". In case you do not see the custom field area you may have to check it to display in the top right hand corner of your screen under "Screen Options".

    Let us know if that works for you Iguazu67.

    Posted 1 year ago #
14. 

    Iguazu67
    Member

    Seems to work perfectly!

    Thank you so very much.

    Posted 1 year ago #
15. 

    toad
    Member

    I followed the instructions. I am being asked to enter something into the "value" area. What is the value for this new field?

    Posted 10 months ago #
16. 

    Elliott
    Support

    It does not matter toad, you can leave it blank if you wish.

    Posted 10 months ago #
17. 

    navinsarmaphoto
    Member

    I'm trying to do the same with elegance.

    I have a portfolio where when I go to individual portfolio items, I want to display both landscape and portrait oriented photos. The image reize options only give me one option to choose.

    I want to disable the automatic display of the featured image and manually present each photo using a frame.

    How can i do this with Elegance?

    Posted 9 months ago #
18. 

    Elliott
    Support

    Hello navinsarmaphoto,

    It would be best to use the fancy_images shortcode, http://mysitemyway.com/docs/index.php?title=Fancy_Images. This way you have complete control over the image sizes and page layout.

    Posted 9 months ago #
19. 

    navinsarmaphoto
    Member

    thanks, I will do that, but how do I disable the automatic display of thefeatured image on the portfolio single template?

    Posted 9 months ago #
20. 

    Elliott
    Support

    Your probably looking for the "Disable Portfolio Fullsize Image" when editing your portfolio item, http://mysitemyway.com/docs/index.php?title=Using_the_Portfolio#Disable_Fullsize_Image.

    Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.