Question

我需要通过将文本集中在所有部分中来编辑此网站的移动版本，但它不适用于其中某些部分。

这是链接：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代码。

Answer 1

问题是white-space: nowrap;上的.section-overlay-layer .module-title。删除它，或为移动版本添加white-space: normal;。

在站点wordpress溢出的文本

1 个答案: