To insert code use <code>...</code>.
Cropped Featured Image in Individual Portfolio Page
  • Vote Up0Vote Down snapsnap
    Can someone point me to a thread (if one exists already) on how to keep my Featured Image from becoming cropped in the blog-post portion of the Individual Portfolio Page? The image defaults at 958 wide but the most height I can get is 600px high with the slider. So the image gets cropped at the top and bottom...

    Here's an example of what's happening:

    http://seanappleart.com/portfolio/songbird-adjacent/

    (the cream colored border in the art should be the same width all the way around the image but it's getting cropped at the top and bottom)

    Thanks,
    Sean
  • 6 Comments sorted by
  • Vote Up0Vote Down BackuPsBackuPs
    Hi

    The blog image should be 920x600px. They are not the same !!

    the portfolio = 950 x600 px


    just install the measure it add on in firefox.

    https://addons.mozilla.org/nl/firefox/user/539/?src=api

    or use the snagit program (like i do).


    Best regards,
    Striking Team
    Paul
  • Vote Up0Vote Down snapsnap
    Hi Paul,

    Thanks for the reply. Not quite sure what you mean...? What I'm looking to do is change the image size holder to match the size of my art (800x600) in the individual portfolio pages. Is there a way to do that by inserting code somewhere?

    Thanks,
    Sean
  • Vote Up0Vote Down BackuPsBackuPs
    Hi Sean,

    Only by altering the theme css code.

    I am not sure what you are trying to achieve. You want a single portfolio item of 800x600px?

    Best regards,
    Striking Team
    Paul
  • Vote Up0Vote Down snapsnap
    Hi Paul,

    So, I'm having the same issue throughout the theme. Many of the standard graphics sizes for the sliders and images are a long, rectangular shapes. Especially using the Full Width layout. The problem I'm having is, I'm trying to feature images throughout (via the slider, images inside the blog postings, etc.) that are more of a 4:3 aspect ratio. The problem I'm having is that none of the built-in sliders in the administrative panels allow for this kind of aspect ratio. The largest height the theme seems to accommodate without additional coding is roughly 960 x 600. That's more of a panoramic aspect ratio than a 4:3.

    With your help previously, I was able to customize the slider images to accommodate my image's size. However, when you click on one of the images within the slider and it goes to that particular images portfolio/blog page, the image is severely cropped at the top and bottom even when I max out the feature image height at 600.

    I've tried plugging in different code possibilities throughout but have not been able to simply change the dimensions of this area to accommodate my graphic.

    I'm okay with adding customized code but I'm not sure what to code or where to add it.

    Thanks,
    Sean
  • Vote Up0Vote Down BackuPsBackuPs
    Hi Sean,

    This is a problem we all have. This would mean adjusting the theme code and css on loads of places.

    You better put your image in a 960x600 transparent bg in f.e. illustrator or photoshop and center the original image within that image.

    now export the image as a webimage type png file. this will stop the cropping. However you will loose some quality but i believe is acceptable.

    is this workable for you?

    in short.

    create a transparant bg to the size of the window or a multiplied equal size of that in width and height. F.e. 16:9 --> 32:18 --> 48:27 This way when the image gets zoomed it will be full size. Make the actual image fit within the outer transparent image in its own aspect ratio.

    Best regards,
    Striking Team
    Paul



  • Vote Up0Vote Down snapsnap
    Hi Paul,

    I thought this might be the case when I was playing around inside the theme.

    I will use your technique and take it from there.

    Thanks,
    Sean
Add a Comment