• Resolved igroykt

    (@igroykt)


    Hi! How to change tile size? On our page only two members showing per line.

    • This topic was modified 7 years, 8 months ago by igroykt.
    • This topic was modified 7 years, 8 months ago by igroykt.
Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Oleg Goltsev

    (@amothemo)

    Check the plugin documentation, there is this parameter in shortcode – “item-width”. It is set to 250 pixels minimum width by default. Make it 200 for example. Also try to turn on/off this parameter – “full-width”, if it is ON, it makes the previous parameter be minimum width, so it can be set 250 pixels (by default) but may be 350 pixels.

    Documentation link with shortcode parameters and their descriptions –
    https://amothemo.com/docs/amo-team-showcase-documentation/en/#sc-amoteam

    • This reply was modified 7 years, 8 months ago by Oleg Goltsev.
    • This reply was modified 7 years, 8 months ago by Oleg Goltsev.
    Plugin Author Oleg Goltsev

    (@amothemo)

    As I see in images the the site is in Russian, so you can write me in Russian if you want.
    Here is the same documentation link but in Russian – https://amothemo.com/docs/amo-team-showcase-documentation/ru/index.html#sc-amoteam

    Also to have undistorted images using circled style for thumbnails/tiles, you need to provide big enough images so WordPress could crop them making 640×640 square images, the plugin own image size, which it uses for everything.

    Thread Starter igroykt

    (@igroykt)

    I tried but failed. I mean tiles too big and they can be bigger but not smaller. Site with restricted access so i can’t.

    • This reply was modified 7 years, 8 months ago by igroykt.
    Thread Starter igroykt

    (@igroykt)

    Okay! Т.е. если изменить размер картинок на 640х640 то он сам их обрежет и будет вмещаться побольше тайлов? Мне бы в одну строку вместить где то 3-4 сотрудников. Пытался так же через css поменять размеры картинок и тайлов но даже так они сохраняют свои позиции.

    Thread Starter igroykt

    (@igroykt)

    И от чего зависит ширина контейнера? От самого шаблона сайта? Используем один из стандартных шаблонов Twenty Thirteen.

    Plugin Author Oleg Goltsev

    (@amothemo)

    Начну по порядку ??

    1. Если вы ставили 200 пикселей (просто число без значений, параметр item-width) и он все равно не вмещает 3 плитки сотрудника в строку, значит они туда и не помещаются, не забудьте еще про свободное место между плитками. А меньше 200 пикселей они не могут быть (дизайн на это не рассчитан).

    2. Если включен параметр full-width то плагин увеличивает размер плиток чтобы не осталось пустого места справа или слева, чтобы они занимали всю ширину контейнера.

    3. В размер 640×640 пикселей WordPress с плагином их сам обрежут если фотки достаточно большие. И это не для того что вы думаете. На скринах фотки по вертикали сжаты, это видно, значит картинки используются не квадратные. Не хватило например ширины чтобы обрезать в 640х640.

    4. Да ширина зависит от размера контейнера шаблона сайта, и так же связана как я уже сказал с параметром full-width.

    5. Ширина контейнера темы Twenty Thirteen 604 пикселя, только что посмотрел. 3 плитки шириной 200 пикселей, со стандартными промежутками 20 пикселей должны занять 640 пикселей, а тут 604. То есть вы никак не сможете уместить 3 плитки сотрудника используя эту тему.

    6. В CSS размеры поменять врядли получится, они устанавливаются динамически с помощью Javascript. И я специально поставил ограничение в 200 пикселей, если плитки сделать меньше дизайн начинает выглядеть ужасно при определенных обстоятельствах, с длинными именами например (они могут полностью заслонить фотку и т.д. и т.п.)

    Вот такие дела.

    • This reply was modified 7 years, 8 months ago by Oleg Goltsev.
    Thread Starter igroykt

    (@igroykt)

    А я сидел лопатил css =) даже разобрал по шторкам и миниатюрам но не понял где меняется размер самого тайла. Все остальное вроде меняет размеры.
    Спасибо за наводку.

    * 5.0 Content
    * —————————————————————————-
    */

    .hentry {
    padding: 40px 0;
    }

    .entry-header,
    .entry-content,
    .entry-summary,
    .entry-meta {
    margin: 0 auto;
    max-width: 604px;
    width: 100%;
    }

    .sidebar .entry-header,
    .sidebar .entry-content,
    .sidebar .entry-summary,
    .sidebar .entry-meta {
    max-width: 1080px;
    padding: 0 376px 0 60px;
    }

    Было 1040 сделал 1080. Трое влезли. Думаю дальше уже дизайн совсем сломается.
    Спасибо за помощь.

    • This reply was modified 7 years, 8 months ago by igroykt.
    Plugin Author Oleg Goltsev

    (@amothemo)

    Пожалуйста, рад был помочь.

    hi, is that possible to have the images less than 640×640? I only have images for 200x200px. Thanks.

    Thread Starter igroykt

    (@igroykt)

    @leorulz yes but design is not designed for this size so the image can get stretched

    • This reply was modified 7 years, 5 months ago by igroykt.
Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘change tiles size’ is closed to new replies.