Я использую построитель страниц по SiteOrigin, и у меня есть строка с 2 виджетами. У одного из виджетов есть текст, другой - изображение. Изображение больше, чем текст, поэтому я хотел бы вертикально центрировать текст и изображение, чтобы они хорошо отображались на странице.Вертикально выровнять виджет внутри строки (построитель страниц)
мне удалось это сделать в Appearance> Пользовательские CSS, добавив
#pgc-x-x-x.panel-grid-cell {
display: inline-block;
float: none !important;
vertical-align: middle; }
Но это означает, что этот CSS загружается на каждой странице моего блога, а мне это нужно только на 1 странице. У меня уже много CSS, и я не хочу добавлять еще больше, если не нужно.
Так что мой вопрос: что я могу использовать в стиле виджета> Атрибуты> Стиль CSS, чтобы получить тот же результат? Я попытался использовать вышеуказанный код, но он не работает.
Вот пример - смотри текст и изображения в направлении нижней части - http://www.travelersuniverse.com/welcome
Спасибо!
Вы беспокоитесь о дополнительном времени загрузки этих трех правил CSS на других страницах? Я бы не стал беспокоиться об этом. Если бы это было несколько сотен правил, это было бы иначе. –
Проблема в том, что я добавляю и добавляю новые правила CSS, и теперь их довольно много, и многие из них применяются только к одной странице. Вот почему я хочу узнать, как это сделать, чтобы я мог применять эти знания и на других страницах. – Laura
Google Page Speed дает мне предупреждение «Приоритизировать видимый контент», так как на большинстве сообщений только 40% окончательного содержимого сверху могут быть отображены с полным ответом HTML. Поэтому мне нужно разобраться в этом. У меня слишком много загрузок CSS без необходимости. – Laura