中心Wordpress按钮

Question

我正试图在我的site上设置一个按钮：

（滚动到功能，注意阅读更多按钮）

Wordpress文本编辑器功能部分的代码如下：

[vc_row title="Features" title_underline="underline" subtitle="Angle is a uniquely designed wordpress theme. It's super easy to modify and uses advanced CSS techniques built on the latest Bootstrap Framework. " title_size="super" title_weight="hairline" title_align="center" swatch="swatch-red-white" width="padded" overlay_opacity="0" background_image_size="cover" background_image_repeat="no-repeat" background_image_attachment="scroll" overlay_colour="0.4" top_decoration="clouds" bottom_decoration="none" height="normal" background_position_vertical="0" overlay_grid="off"][vc_column width="1/1"][services style="horizontal" connected="hide" show_titles="show" link_titles="on" show_images="show" link_images="on" show_excerpts="show" align_excerpts="center" show_readmores="hide" category="frontpage-services" count="4" columns="4" image_shape="round" image_size="normal" image_shadow="show" readmore_text="Read more"][button type="link" size="lg" link_open="_self" show_icon="no-icon" icon="cloud" title="Read More" link="/features"][/vc_column][/vc_row]

有人可以解释一下如何做到这一点吗？

Answer 1

使用类似的东西：

<div class="text-center">
<a class="btn btn-link btn-lg" target="_self" href="/features">Read More</a>
</div>

Answer 2

在<a>

中包裹<div>

<div class="text-center">
<a href="/features" class="btn btn-link btn-lg _center" target="_self">Read More</a>
</div>

并将text-align: center提供给.text-center

Answer 3

您可以更新为

旧标记

<a href="/features" class="btn btn-link btn-lg _center" target="_self">Read More</a>

新标记

<p class="text-center">
        <a target="_self" class="btn btn-link btn-lg _center" href="/features">Read More</a> </p>

因为你已经为class =＆＃34; text-center＆＃34;定义了所有css。你不必在css中添加额外的努力

Answer 4

你可以用两种方式做到这一点。

第一

在<div>中包含“阅读更多”按钮，并将text-align: center提交给<div>

<div class="text-center">
<a href="/features" class="btn btn-link btn-lg _center" target="_self">Read More</a>
</div>

.text-center {
text-align: center;
}

第二

给以下CSS阅读更多按钮。

.swatch-red-white a { 
display: block;
width: 120px;
margin: 0 auto;}