WordPress美化——Begin主题摘要样式修改

2019年2月28日12:57:01 评论 2,152
摘要

将原来的虚线改为圆角粗实线,看上去更加美观自然。该代码只适用于Begin主题,其它主题可参考修改。

WordPress美化——Begin主题摘要样式修改

前言

刚把主题换成了正版的Begin,自然必不可少的折腾了一番,总要把它弄的养眼一点吧,可惜冰凝会的不多,只能四处收集修改方法然后折腾了,但是看到别人博客好多地方地方都和自己的不一样,也没看到有相关的教程,就只能自己去扒代码了,不过也挺简单的,只是看有没有耐心慢慢审查元素了。

修改前和修改后的样式对比

WordPress美化——Begin主题摘要样式修改

修改前样式

WordPress美化——Begin主题摘要样式修改

修改后样式

代码部署

将下面的除CSS代码复制到后台→外观→主题选项→定制样式→自定义样式 保存即可。

展开修改知更鸟主题文章摘要样式代码

/* 修改摘要样式 
原地址:https://www.huhexian.com/1163.html
*/
.abstract {
	color: #999;
	font-size: 14px;
}
.abstract fieldset {
	margin: 0 0 10px;
	padding: 5px 15px;
	border: 5px solid #ddd;
	border-radius: 10px;
}
.abstract legend {
	padding: 0 5px;
	color: #999;
	font-weight: bold;
	font-size: 18px;
}

冰凝梦想公众号

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: