修改WordPress图片说明样式

大皮 Wordpress 160 次浏览 , , 没有评论

在Wordpress中,如果文章中的图片设置了说明文本(Caption),WordPress 会自动在图片外面添加一个类为.wp-caption的样式。不过,遗憾的是,在使用了不少主题之后,我发现很多开发者实并没有对样式做视觉上的优化。

在参考了几个网站的说明之后,我发现上面这款样式不错。改了改样式,推荐给大家,只需要把代码添加到style.css中即可。

样式代码如下:

.wp-caption {
background-color: #f3f3f3;
border: 0px solid #ddd;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 0px; /* optional rounded corners for browsers that support it */
margin: 50px;
padding-top: 5px;
text-align: center;
}
.wp-caption img {
border: 0 none;
margin: 0;
padding: 0;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 10px;
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Go