Full Width Portfolio picture. Wich is the right way? « Support Forum | Kriesi.at

Full Width Portfolio picture. Wich is the right way?

10 posts from 3 voices

Tags:

ocon
Member

Hello, following some of your instructions to make the fullwidth portfolio - http://www.kriesi.at/support/topic/fullwidth-in-portfolio - i did it rightly, but now i have a question, since my fullwidth pictures doesn´t seem the same depending on the way i upload them.

1. If i attach the main picture like "featured image" it appears pixelated.

2. If i attach the main picture inside the article descriptión like an article picture it appears right.

You can see it in:
http://creatibox.es/blog/?portfolio=p-h-zueco

Am i doing something wrong?, can i add fullwidth feature images without distortion?

Thanks

Posted 2 years ago #
Dude
Dude

Did you check that the picture is displayed in full size - go to the page where the picture appears pixelated and click on edit. Afterwards go to featured image option and click on insert image. Now if you choose your picture from MEDIA you can select the size of the picture - here you need to choose full size. Otherwise the theme will upscale the medium sized image (ie. 150x150) to your featured image size and so cause the distortion.

The Dude

Posted 2 years ago #
ocon
Member

Yes i checked that, and in both ways the picture is in "full size" 940x441pix. But always that i trye the featured image it appears pixelated.

Posted 2 years ago #

Dude
Dude

I've found your problem. You need to change following line in functions.php:

$k_option['custom']['imgSize']['L'] = array('width'=>574, 'height'=>268);		// image for blog posts and 1 column portfolio

$k_option['custom']['imgSize']['L'] = array('width'=>940, 'height'=>440);		// image for blog posts and 1 column portfolio

The Dude

Posted 2 years ago #

ocon
Member

Thanks Dude, it works perfect now i can see the picture rightly!!!

Great support!!

One more question, where can i find the image for the picture "frame" to make it fullwidth too?

Posted 2 years ago #
James Morrison
Former Team Member

Hey,

You'll need to get this from the included PSD file. :)

James

Posted 2 years ago #
ocon
Member

Hello i had been checking the PSD files and since i took the shadow out, the frame i need fullwidth is the file "bg_gradiant_image.png" But since this image is a tile with repeat-x style, the fullwidth doesn´t depend from the PSD.

I guess there is some code to change this image fullwidth size, do you know where?

Thanks

You can see the effect of the frame in:
http://creatibox.es/blog/?portfolio=d-cast-selective-fishing

Posted 2 years ago #
James Morrison
Former Team Member

Hey,

I assumed you meant this image: http://www.kriesi.at/themes/avisio/wp-content/themes/avisio/images/skin1/framed_full_size.png which would have required editing the PSD to edit correctly.

To fix this, add this code to the end of style.css:

.framed_full_size { width: auto; }

James

Posted 2 years ago #
ocon
Member

Hello James, you are right!

That was the image to edit in PSD, and the code solves the fullwidth for the fetured image´s frame.

Thanks a lot!

Posted 2 years ago #
Dude
Dude

Glad that James could help you.

The Dude

Posted 2 years ago #