Tagged: avia post nav
-
AuthorPosts
-
August 15, 2016 at 3:07 pm #672687
Hello,
So in my portfolio, i have avia-post nav: avia-post-next and avia-post-prev.
I changed the shape of the images using this code, and it worked perfectly:
.avia-post-nav .entry-image img
{border-radius: 0px;}Now I have square pictures. I would like to keep the same ratio (height and width) of my pictures. I tried many things but never arrived to keep the ratio of its. When I arrived to get the portrait shape the pictures are deformed….
Could you please help me to fix it.
Thanks a lot.Kind regards,
BibahbuhAugust 15, 2016 at 3:14 pm #672698Hey bibahbuh,
Try the following:
1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
2. Go to Settings > Media
3. Change thethumbnail
image size (increase its width / height).
4. Regenerate the thumbnails by clicking the button at the bottom.Best regards,
YigitAugust 16, 2016 at 4:31 am #672956Hi Yigit,
Thanks for your reply.
Great support and great Theme as well, thanks!!But I did what you said and it’s still not working :(
I put in Settings > Media > Thumbnail size the height and the width I would like (H:80px; W:45px) I clicked the bottom Regenerate Thumbnail at the bottom but I have still square pictures.
it’s still written in my HTML square pictures: img width=”45″ height=”45″:
And I don’t understand the link: src=”http://fritzwear.com.au/wp-content/uploads/2016/08/Egon-Grey-80×80.jpg”, http://fritzwear.com.au/wp-content/uploads/2016/08/Egon-Grey-36×36.jpg….
I didn’t upload in my media library these pictures with square sizes: Egon-Grey-80×80.jpg, Egon-Grey-36×36.jpg….I tried to write in my Editor this CSS, but still doesn’t work:
.avia-post-nav .avia-post-next .avia-post-prev .with-image .avia-post-nav .entry-image
{height: 80px; width: 45px; display:block;}Or, I tried this code, it works better now I can see the right shape of the pictures that I want but they are deformed (why/where/how the natural pictures are in a square size 45×45?):
.avia-post-nav .entry-image img
{border-radius: 0px; height: 80px; width: 45px; display:block;}The original size of my picture uploaded in my media library is Width: 400px; Height: 710px. I would like to keep the ratio. (45×80)
And is it normal, when i clicked the button at the bottom regenerate thumbnail, this action applied to all the pictures I uploaded in the theme? Because for me, only the pictures in portfolio items are concerned (and not the pictures in the banner for example).
Thanks again for your help,
Kind regards,
BibahbuhAugust 16, 2016 at 4:53 am #672962Hi again!
I found the solution and it works perfectly now :)
The thing is:
After we regenerated the Thumbnail (in settings > media) we have to go to Media > Library and edit each pictures and click the button at the bottom : Regenerate Thumbnail.
And now it’s perfect!Sorry for my prev message.
Thanks again.Kind Regards,
BibahbuhAugust 17, 2016 at 6:14 am #673514 -
AuthorPosts
- You must be logged in to reply to this topic.