YIA主题友情链接页面的友链如何修改为居中显示?

boke112百科前面跟大家分享了『WordPress站点使用YIA主题后添加友情链接?如何修改仅在首页显示?』一文介绍到友情链接模板。使用友情链接模板创建的友情链接页面中显示的友链,默认是居左显示,这样会让某些友链右侧看起来太“空”。具体如下图所示:

YIA主题友情链接页面的友链如何修改为居中显示?_第1张图片

可能有些站长跟boke112百科一样,比较喜欢让友链居中显示,这样左右两侧的空白是一样的,看起来比较有美感。具体如下图所示:

YIA主题友情链接页面的友链如何修改为居中显示?_第2张图片

那么我们应该如何做才能让友情链接页面的友链居中显示呢?其实,我们只需要添加CSS代码即可解决。

方法一、在自定义代码中添加

进入WordPress站点后台 >> 点击“YIA主题设置”>> 点击切换到“自定义代码”,在“CSS代码”中添加以下代码,并点击【保存】按钮即可。

.page-link-wraper .link-item a{text-align: center;}

YIA主题友情链接页面的友链如何修改为居中显示?_第3张图片

方法二、直接修改style.css文件

在/wp-content/themes/yia/文件夹中找到并打开style.css文件,搜索找到第一个“.page-link-wraper .link-item a”,并在其{}内添加以下代码,并保存文件即可。

text-align: center;

 前往官网购买YIA主题

来源:https://boke112.com/post/11820.html 

你可能感兴趣的:(WordPress,WordPress主题,WordPress,YIA主题)