Fixing/Reducing Height in Portfolio Item

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 14 replies, 5 voices, and was last updated 9 years by Kyle – SUPPORT.

Viewing 15 posts - 1 through 15 (of 15 total)

Back to forum

Posted in: Dante
August 27, 2015 at 5:50 pm #208226

polestardigital
Member

Post count: 13

Hi,

I’m having trouble restricting the height of the portfolio items (to mimic an example page). Please see attached.

Please advise.

Thanks!
Ned

Attachments:
You must be logged in to view attached files.

August 27, 2015 at 6:05 pm #208231

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Hi,

I think is related with the proportion ratio of the image.

Our image is 2000 x 847
http://dante.swiftideas.com/wp-content/uploads/2013/11/SAAP_thin-2000×847.jpg

Try to crop it before upload with that proportion to get similar height.

-Rui

August 27, 2015 at 6:24 pm #208241

polestardigital
Member

Post count: 13

Hi,

I checked that before posting. Doesn’t seem to be the issue – my image is 992 × 850…

Also, there are clear borders on the image in the template page http://themeforest.net/item/dante-responsive-multipurpose-wordpress-theme/full_screen_preview/6175269 which mine doesn’t have.

Any other thoughts?

Thanks,
Ned

August 29, 2015 at 1:16 pm #208603

Swift Ideas – Ed
Keymaster

Post count: 15264

Hi @polestardigital,

We have fixed this for the next update. Will release this at some point in the next few days.

– Ed

September 1, 2015 at 8:54 am #209024

polestardigital
Member

Post count: 13

Awesome, all rectified now.

Thanks!

September 2, 2015 at 10:47 am #209604

David Martin – Support
Moderator

Post count: 20834

Great, glad this is resolved for you.

Thanks,
David.

September 9, 2015 at 3:23 pm #211734

polestardigital
Member

Post count: 13

Hi,

I’ve just revisited this and the portfolio image is still far too big for the page. If you see attached, I’ve shown this compared to the example page http://dante.swiftideas.com/portfolio/saap/.

I’ve checked the image size and tried this with significantly smaller images (as low as 235×201), and this is still displaying in this over-large format.

Can you please advise how I change this so that it is a better size?

Thanks,
Ned

Attachments:
You must be logged in to view attached files.

September 10, 2015 at 3:02 pm #212041

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Hi,

Not sure about this, will forward to Ed.

-Rui

September 11, 2015 at 1:18 am #212174

Swift Ideas – Ed
Keymaster

Post count: 15264

Hi Ned,

The issue here is the aspect ratio. Ours is a landscape image, whereas yours is a square image. It will always be taller because the image is resized in width to fit the page, and the height will make sure it’s still the same aspect ratio.

– Ed

September 11, 2015 at 9:42 am #212244

polestardigital
Member

Post count: 13

Hi Ed,

Thanks for the input. So I suppose my question is then – how to I get the image to not auto-size to that size?

Alternatively, is there a workaround where I could perhaps remove this image all together from a portfolio page and simply add an image block that I am able to have more control over (like on other page types)?

Thanks,
Ned

September 14, 2015 at 10:33 am #212636
David Martin – Support
Moderator

Post count: 20834
Hi Ned,

1)

You could stop the resize using this custom CSS. A better option for you as mentioned is manually inserting a page builder image (no.2).
```
figure.media-wrap img {
    height: inherit!important;
    width: initial;
    max-width: initial;
}
```
2) You can remove the portfolio thumbnail Meta Options => Detail Media Options => Post detail type => None

Thanks,
David.
September 15, 2015 at 5:35 pm #213278

polestardigital
Member

Post count: 13

Hi guys,

Thanks for the input.

Seems as though that CSS isn’t helping, so how can I remove the main image from displaying so that I can insert a page builder image?

Thanks,
Ned

September 15, 2015 at 5:55 pm #213289

David Martin – Support
Moderator

Post count: 20834

Hey,

You can remove the portfolio thumbnail Meta Options => Detail Media Options => Post detail type => None

Thanks,
David

September 15, 2015 at 6:07 pm #213295

polestardigital
Member

Post count: 13

Hey David,

Not sure if I’m explaining myself clearly. I’ve changed the post detail type to ‘none’, cleared my cache and then portfolio main image is still showing…

How do I remove this – so that I can replace this with a page builder image?

Thanks,
Ned

Attachments:
You must be logged in to view attached files.

September 16, 2015 at 10:44 am #213489

Kyle – SUPPORT
Moderator

Post count: 35880

Hi

Fine for me: http://cwmhalen.co.uk/portfolio/join-the-dots/ may have been a cache issue

– Kyle
Back to forum

Posted in: Dante