Мне нужно отредактировать мобильную версию этого сайта, центрировав текст во всех разделах, но для некоторых из них это не работает.
Это ссылка: othodesign.com
Это код последнего раздела, который я пытался использовать для центрирования:
.categories .module-title.font-alt.home-prod-title {
margin: auto;
font-size: 13px;
letter-spacing: 2px;
word-spacing: 3px;
padding: auto;
padding-top: 20px;
}
.categories .module-subtitle.font-serif.home-prod-subtitle {
font-size: .8em;
text-align: center;
letter-spacing: .01px;
position: relative;
top: 10px;
padding-bottom: 30px;
padding-top: 20px;
}
Это код раздела с изображением и текстом над ним (с девушкой на крыше машины):
.categories .module-title.font-alt.home-prod-title {
margin: auto;
font-size: 13px;
letter-spacing: 2px;
word-spacing: 3px;
padding: auto;
padding-top: 20px;
}
.categories .module-subtitle.font-serif.home-prod-subtitle {
font-size: .8em;
text-align: center;
letter-spacing: .01px;
position: relative;
top: 10px;
padding-bottom: 30px;
padding-top: 20px;
}
Это в WordPress, и я использую тему, которая не позволяет мне удалять какой-либо CSS, я использую плагин, который позволяет мне добавлять некоторый код CSS.
1 ответ
Проблема в white-space: nowrap;
на .section-overlay-layer .module-title
. Удалите его или добавьте white-space: normal;
для мобильной версии.
word-break: break-all !important;
Похожие вопросы
Новые вопросы
html
HTML (язык разметки гипертекста) - это язык разметки для создания веб-страниц и другой информации, отображаемой в веб-браузере. Вопросы, касающиеся HTML, должны включать минимальный воспроизводимый пример и некоторое представление о том, чего вы пытаетесь достичь. Этот тег редко используется отдельно и часто используется вместе с [CSS] и [javascript].