请问如何在wordpress元素或博客网格中对齐摘录和按钮?

r6l8ljro  于 2023-04-20  发布在  WordPress
关注(0)|答案(2)|浏览(147)

由于我的博客文章标题和摘录有不同的长度和摘录和阅读更多的按钮不对齐的句子的顶部.我可以问我如何才能对齐摘录和按钮在博客网格请?我们想看看如果所有的摘录和按钮可以在同一行开始.提前谢谢你.
我已经试图设置一个最低框高度为后网格现在但没有运气对齐摘录和按钮
链接:http://abc7452.sg-host.com/news/

0s7z1bwu

0s7z1bwu1#

你可以尝试设置标题和摘录的最小高度。尝试使用此代码,你可以把它放在外观〉自定义〉额外的css

.td-recent-post-el-widget .post-title {
min-height: min-height: 120px;
}
.td-post-excerpt {
min-height: min-height: 144px;
}

如果你只想在这个博客网格中应用这个样式,请在小部件的高级设置中给予它和ID。代码如下所示:

#id .td-recent-post-el-widget .post-title {
min-height: min-height: 120px;
}
#id .td-post-excerpt {
min-height: min-height: 144px;
}

希望能帮上忙。

mzillmmw

mzillmmw2#

你好感谢您的回复,但你的代码是不是在我的网站上工作.然而,我已经尝试了下面的代码,似乎工作.但仍然没有运气对齐摘录水平线的开始

/* News Page Blog Post Height  */

.elementor-2244 .elementor-element.elementor-element-9cbc062 .td-recent-post-el-widget .td-single-post-content {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    height: 500px;
    display: flex;
    flex-direction: column;
}

.td-recent-post-el-widget .td-post-read-more {
    margin-top: auto;
}

.td-post-excerpt{
    margin-top: auto;
}


/* Home Page Blog Post Height  */

.page-id-138 .td-recent-post-el-widget .td-single-post-content {
    padding: 30px 35px 40px;
    box-shadow: 0 5px 16px rgba(221,221,221,.5);
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    height: 300px!important;
    display: flex;
    flex-direction: column;
}

相关问题