• Решено dimkapiter

    (@dimkapiter)


    добрый вечер
    на сайте http://www.lekhotel.com/gallery/ загрузил галерею из картинок, все картинки получились в один столбик, как сделать в три столбца?
    Пробовал уже загружать отдельными виджетами, получается красиво, но картинки листаются по столбцам а не слева-направо.
    Вот разделы моего файла style.css :

    1.0 - Global
    2.0 - Header
    	2.1 - Top Bar
    		2.1.1 - Contact
    		2.1.2 - Language Selection
    		2.1.3 - Google Map
    		2.1.4 - Button
    3.0 - Navigation
    	3.1 - Mobile Menu
    4.0 - Slideshows
    	4.1 - Text Slideshow
    	4.2 - Accommodation Slideshow
    	4.3 - Slideshow Shortcode
    5.0 - Typography
    	5.1 - Lists
    	5.2 - Forms
    	5.3 - Buttons
    	5.4 - Tables
    	5.5 - Alerts & Messages
    	5.6 - Other
    6.0 - JS Elements
    	6.1 - Accordion
    	6.2 - Toggle
    	6.3 - Tabs
    7.0 - Content
    	7.1 - Blog / Events
    		7.1.1 - Comments
    	7.2 - Booking
    		7.2.1 - Home / Slider Booking Form
    		7.2.2 - Booking Calendar
    		7.2.3 - Open Booking Calendar
    		7.2.4 - Booking Widget
    		7.2.5 - Booking Contact Info
    		7.2.6 - Booking Steps
    		7.2.7 - Lightbox
    	7.3 - Accommodation
    		7.3.1 - Accommodation Price Widget
    	7.4 - Testimonials
    	7.5 - Pagination
    8.0 - Columns
    	8.1 - One Half
    	8.2 - One Third
    	8.3 - Two Thirds
    	8.4 - One Fourth
    	8.5- Photo Gallery
    9.0 - Widgets
    	9.1 - Social Widget
    	9.2 - Flickr
    	9.3 - Tags
    	9.4 - Latest Posts Widget
    10.0 - Footer
    	10.1 - Footer Bottom
    11.0 - IE Fixes

    Куда смотреть? Что удалять?
    Спасибо за ответ

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • А это не галерея, а отдельные фото.
    Нужно придобавлении медиафайла выбрать «Создать галерею», добавить в неё картинки и выбрать параметры, в том числе количество столбцов.

    Каким именно способом Вы добавляли картинки? Я не вижу галереи.
    Вижу обычным виджетом через тинимсе.
    Т.е. при добавлении картинки выбирайте не «Без выравнивания», а «По левому краю»
    http://prntscr.com/8nltki

    Автор dimkapiter

    (@dimkapiter)

    спасибо! получилось через создание галереи

    Автор dimkapiter

    (@dimkapiter)

    но эта галерея на мобильном устройстве очень плохо выглядит. картинки маленькие, а не на весь экран.

    Сделал просто без галереи, добавил каждую картинку по отдельности, получилось только два ряда, можно ли сделать в три? как расширить размер области для фото? там же реально много еще места остается. я делал другой сайт — http://lekvilla.com/gallery/ — там фото получились в три столбика

    img.alignleft {
        margin: 30px 15px 30px 0;
    }

    В конец style.css

    Хотя я бы вообще верхний и нижний до 5 уменьшил.

    Автор dimkapiter

    (@dimkapiter)

    visajack прописал, не помогает

    Что значит не помогает. Я УЖЕ ВИЖУ исправленное 🙂
    http://prntscr.com/8nm1yr

    Автор dimkapiter

    (@dimkapiter)

    ура! да, спасибо, получилось то что надо

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Сделать картинки в три столбца» закрыта для новых ответов.