wordpress 如何更改elementor卡片中“阅读更多”按钮的样式

tvz2xvvm  于 2023-06-05  发布在  WordPress
关注(0)|答案(1)|浏览(233)

我是WordPress的初学者,我在创建自定义CSS代码来编辑卡片上的按钮时遇到了问题。我想在明信片的中心对齐“阅读更多”按钮并为其添加边框,但在elementor中,我无法实现。我试着只为按钮所在的属性编辑自定义代码,然而,它改变了整个卡片,并将文本和描述都集中在中间。
目前我的结果如下图所示。
Currently
我想这样离开:
I need like this
我试图创建一个自定义代码,但我是一个CSS初学者,它正在改变所有的标题,描述和按钮,这是我的代码:

a.elementor-post__read-more {
    width: 100%;
    color: #000;
    text-align: center;
    background-color: #ffd9d9;
    border-radius: 6px;
    margin-top: auto;
}
x7yiwoj4

x7yiwoj41#

a在查找元素时是不必要的,您应该使用类.elementor-post__read-more

.elementor-post__read-more { 
 width: 100%; 
 color: #000; 
 text-align: center;
 background-color: #ffd9d9; 
 border-radius: 6px; 
 margin-top: auto; 
}

如果它仍然适用于所有标题、描述和按钮元素,则搜索页面中所有elementor-post__read-more的示例作为类,以查看其他元素是否会受到影响。

相关问题