Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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,
    Bibahbuh

    #672698

    Hey bibahbuh,

    Try the following:
    1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
    2. Go to Settings > Media
    3. Change the thumbnail image size (increase its width / height).
    4. Regenerate the thumbnails by clicking the button at the bottom.

    Best regards,
    Yigit

    #672956

    Hi 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″:


    <span class=”label iconfont” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span>
    <span class=”entry-info-wrap”>
    <span class=”entry-info”>
    <span class=”entry-image”>Egon-Grey</span>
    <span class=”entry-title”>Egon</span>
    </span>
    </span>

    And I don’t understand the link: src=”http://fritzwear.com.au/wp-content/uploads/2016/08/Egon-Grey-80×80.jpg&#8221;, http://fritzwear.com.au/wp-content/uploads/2016/08/Egon-Grey-36×36.jpg&#8230;.
    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,
    Bibahbuh

    #672962

    Hi 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,
    Bibahbuh

    #673514

    Hi,

    Great, glad you got it working and thanks for sharing :-)

    Let us know if you should need any further help on the topic.

    Best regards,
    Rikard

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.