Okay
  Public Ticket #2996737
Picture Ratio / Mobile columns
Closed

Comments

  • marc started the conversation

    Hey, 2 questions.
    How can I change the ratio of the 'vertical pictures' of the portfolio/projects?
    in the main page of my web (markiebrown.com) I want it in SQUARE not rectangle.

    And the other thing is... I changed the quantity of columns in the phone (2-3) but i only see 1 column all the time in the smartphone. (Deteleted caché, but still)

  •  840
    Jelly replied

    Hello,

    1. You need to customize the theme to achieve this.

    2. In which resolution (also is it horizontal or portrait) do you see this issue? See attach. of iPhone 12 Pro.

    Best Regards,
    Jelly Team

  • marc replied

    1. How can I change this? I searched a lot in the all the menus but I don't see any 'ratio-shape' of the portfolio images and it's frustrating cause I'm making squared pictures and the template cuts them in a rectangle...

    2. Portrait mode in IphoneX still 1 column

  •  840
    Jelly replied

    1. Please go to includes/setup.php:75 and change "640, 461" to the size you want.

    After, regenerate thumbnails: https://www.wpbeginner.com/plugins/regenerate-thumbnails-new-image-sizes-wordpress/

    2. Add this code to Appearance > Customize > Additional CSS or at the end of style.css:

    .marlon-project-content.grid-portfolio-wrapper.marlon-project-content-isotope { display: flex; }

    Best Regards,
    Jelly Team

  •   marc replied privately
  • marc replied

    Nope, still in square-rectangle mode. I changed the setup.php to 640x800. installed the plugin and regenerated thumbnails, added the code and now my web is slower takes more time to show the pictures and still that size-ratio...https://www.markiebrown.com


    update: after 30 min it's in the size I want but takes a lot of effort to show the pictures

  •  840
    Jelly replied

    Everything seems fine with image sizes. See attach.

    Could you show similar screenshot: https://developer.chrome.com/docs/devtools/network/#load?

    Best Regards,
    Jelly Team