阿里云服务器2核2G3M仅需99元/年,续费同价华纳云香港服务器

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

WordPress主题推荐

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

YIA主题友情链接页面的友链如何修改为居中显示?-第1张-boke112百科(boke112.com)

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

YIA主题友情链接页面的友链如何修改为居中显示?-第2张-boke112百科(boke112.com)

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

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

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

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

YIA主题友情链接页面的友链如何修改为居中显示?-第3张-boke112百科(boke112.com)

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

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

text-align: center;

本文地址:https://boke112.com/post/11820.html

赞 (4) 打赏
版权声明:本文为原创文章,版权归 boke112百科 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu