Или укажите, например, формат 16: 9?Как увеличить ширину содержимого слайдов?
Мне нужно подобрать больше текста (кавычки, которые я не могу на самом деле аббревиатура) на слайде. Попытка различных комбинаций .reveal .slides и section>* с width: 1280px или 150% (производная от gitpitch/wiki/Slideshow-Custom-CSS#Example-2) не помогла.
Этот вопрос был задан довольно давно, но я собираюсь ответить на него сейчас (хотя и поздно), так как ответ может быть полезен для новых посетителей этой SO-нити в будущем.
Третий слайд в представленной образце, который был предоставлен, использует блок-образец Markdown. Этот blockquote в конечном итоге отображается как HTML-блок-код с установленным по умолчанию значением width css, установленным на 70%. Эта ширина по умолчанию 70% относится к стандартной теме GitPitch/opens.js.
Поэтому, чтобы добавить больше текста в кавычки, вы не хотите использовать пользовательский CSS, попробуйте и измените ширину самого слайда. Вы хотите использовать пользовательский CSS для изменения темы по умолчанию, чтобы сделать блок-кавычки более 70% ширины слайда.
Это достигается очень просто с помощью следующего CSS сниппет:
.reveal blockquote { width: 90% }
В этом случае, если вы использовали этот пользовательский CSS слайд-шоу сделает котировки, используя 90% ширины слайдов. Таким образом, вы можете поместить больше текста в свои кавычки на одном слайде.
Чтобы использовать пользовательский CSS с презентацией GitPitch, см. Следующие GitPitch Wiki page for details.
Я пробовал свой подход на этом проект без везения: https://github.com/AlexITC/gitpitch-test – AlexITC
Ответ, приведенный выше, отвечает на исходный вопрос, каким образом они могут вставить больше текста в блок-образец. В приведенном решении использовался стиль CSS для настройки ширины блочных комментариев HTML в презентации. Ваша презентация примера не использует блок-схемы. Похоже, что используются кодовые блоки. Поэтому вам нужно применить собственный стиль CSS, чтобы настроить ширину блока кода. Использовать .reveal pre {width: 100%; }. – David
Вам необходимо предоставить фрагмент. – Senthe
'.reveal .slides { ширина: 1280px; } 'или' .reveal .slides section> * { width: 1280px; } 'это то, что я пробовал, плюс другие значения для' width'. Я не уверен, что это ошибка CSS с моей стороны или ограничение GitPitch. –
Чтобы дать возможность другим людям отладить эту проблему, вы должны предоставить рабочий фрагмент (демонстрационный пример, например, на jsfiddle), который воспроизводит всю вещь. – Senthe