创建导航按钮

时间:2015-09-11 23:15:38

标签: css wordpress themes

我在Wordpress中使用Divi主题。我必须创建一组水平按钮作为导航菜单。当我使用Divi主题时,我使用文本模块创建了标准部分,并将以下短代码放在文本模块中:

<p style="text-align: center;">
[button link="http://localhost/res/" type="big" color="green"]Home[/button]
[button link="http://localhost/res/verticals/" type="big" color="green"]Verticals[/button]
[button link="http://localhost/res/why-res-usp/" type="big" color="green"]Why RES - USP[/button]
[button link="http://localhost/res/our-biodata/" type="big" color="green"]Our Bio-data[/button]
[button link="http://localhost/res/locate-us/" type="big" color="green"]Locate Us[/button]
</p>

它水平创建了一组五个按钮,但它们彼此太靠近了。现在我需要在这些按钮之间放置更多空格。他们有什么办法吗?

2 个答案:

答案 0 :(得分:0)

将以下内容添加到按钮:

[button link="http://localhost/res/" type="big" color="green" style="margin-left: 20px"]

答案 1 :(得分:0)

也许试试 &nbsp; 要么 [&nbsp] 在每个[/button]之后

此角色是一个不间断的空白区域。您也可以复制并粘贴多个空间。例如&nbsp; &nbsp; &nbsp;[&nbsp] [&nbsp] [&nbsp]