wordpress主题大前端DUX主题2023优化修改首页文章边框颜色

爱衣讯目前使用的是大前端DUX主题，个人非常喜欢这个主题。主题简洁明了、布局合理、后台管理功能强大。

如果你也想为自己主题添加想爱衣讯一样的广告推荐版块，可以查看此文章：通过简单代码为WordPress首页添加广告推荐版块。

大前端的DUX主题虽然非常受欢迎，但是多多少少还是存在一点小问题，毕竟没有任何一样东西能完美到满足任何人的需求。例如DUX主题默认首页文章边框鼠标移动到文章上是没有焦点边框的，如果鼠标移动到文章上能有个焦点边框，是不是会更美观？下面蜗牛为大家分享一个为首页文章增加边框颜色的方法，只需要修改主题的main.css文件即可。

一、修改前后效果对比：

什么效果，看对比图片吧。

二、修改方法介绍：

如果你也想为自己的DUX主题首页文章增加边框颜色的话，只需要修改主题的main.css文件即可。首先我们要到主题的css文件夹找到“main.css”下载到本地。然后打开main.css并通过搜索“.excerpt:hover”找到修改的位置，再将“.excerpt:hover”后面的代码修改为下面代码。

.excerpt:hover{ background-color: #FAFDFF; border-color: #dd911f; position: relative; z-index: 2;}

最后把修改好的main.css文件上传到服务器，如果开启CDN加速的需先刷新缓存，才能看到修改后的效果。